Want to Increase Add to Cart Button Size on Shop Page and category pages

Hi,

I hope you are doing great.I Want to Increase Add to Cart Button Size on Shop Page and category pages. Add to Cart width should be equal to Image width in category of shop page. check screenshot below.

and i want to increase the size of Wishlist , compare and product categories on product pages. I want to increase their icons size also. Check screenshot below for product page.

3rd Think I want to increase space between rows of products on shop page and category pages.

Please send me code. need more information please contact me.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

Please add this code to the Theme Settings > Custom CSS > Global:

.wd-hover-standard .wd-add-btn a{
    display:block;
}
.wd-action-btn.wd-style-text>a {
    font-size: 20px;
}
body .product-grid-item {
    margin-bottom:50px!important;
}

As for the gap between items: I have sent 50 px, however you can change this value as per your needs.

If you have any questions please feel free to contact us.

Best Regards

Hi,

thanks for contacting me. I want to increase the size of SKU and categories.

I want to increase the font size of Reviews Heading and Product Tabs to 30 px. check attach file.

Attachments:

You must be logged in to view attached files.

I want to use same reviews for all products. Is it is possible to show same reviews for all products?

I attach a screenshot of Etsy. It has 2 options of reviews. Shop reviews and individual products reviews. Is it is possible we can setup the same thing. check screenshot.

https://www.etsy.com/listing/884875328/family-crest-ring-coat-of-arms-custom?ref=hp_rv-4

Attachments:

You must be logged in to view attached files.

Etsy shop Reviews show on each product if a product not have any reviews shop reviews show only. if the product also has reviews shop reviews and individual product reviews show.

Hello,

Reviews are the Woocommerce functionality and we only provide the option to add images to the review. You can find this option in the Theme Settings > Single Product > Reviews https://xtemos.com/docs/woodmart/theme-settings-panel/#reviews

Please add this code to the Theme Settings > Custom CSS > Global:

body.single .product_meta > span.posted_in {
font-size: 20px;
}
body.single .product_meta > span.sku_wrapper{
font-size: 20px;
}

Best Regards

Thanks and I request to increase the font size of Below product tabs to 25 px. Descripton , Shipping & Delivery , Reviews and if i add more tabs below to product. i send screenshot earlier also.

Hello,

Please, provide your site admin access (insert the site credentials into the Private content block under the message area).

Best Regards

Hi,

I need to implement on my other sites also. so you have to guide me as well. I attach a product tabs example. i want to create same product tabs. It has grey background also.

https://new-ella-demo-11.myshopify.com/collections/collection-skin-supermarket-1/products/hentum-tosmois-de-cras-tele-hamo-dincidunts?variant=39297032847411

This is the link you can check.

Thanks!

check the screenshot

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .tabs-layout-tabs .tabs li a {
    font-size: 25px;
    opacity: .7;
}

For the second site:

body .tabs__product-page .list-tabs .tab-links {
    padding-top: 25px;
}

Best Regards

body .tabs-layout-tabs .tabs li a {
font-size: 25px;
opacity: .7;
}

This code increase tabs font size but it not increase Reviews as I separate Review Tab Below. Please send me to code for Review Tab Also.

But I did not understand this code. Not change any thing.

body .tabs__product-page .list-tabs .tab-links {
padding-top: 25px;
}

Actually I send the 2nd site to create product page like this. I am going to attach screenshot again. you can on product tabs it has grey background and on active tab background change to white. I want to implement same thing on my website. refference site link.

https://new-ella-demo-11.myshopify.com/collections/collection-skin-supermarket-1/products/hentum-tosmois-de-cras-tele-hamo-dincidunts?variant=39297032847411

Attachments:

You must be logged in to view attached files.

Hello,

If you want to divide the Review tab as a separate block, you can find the option in the Theme settings > Single product > Tabs.

If you have any questions please feel free to contact us.

Best Regards

oh my god. I allready devide the review tab I want to increase its heading Size to 25px. and I write more things. have you not read those instructions. please update me.

Hello,

Plese replace this code:

body .tabs__product-page .list-tabs .tab-links {
    padding-top: 25px;
}

for this one:

body .tabs__product-page .list-tabs .tab-links {
    font-size:25px
}

Best Regards

It not work for me. I want Explain further. I want to increase font size of Reviews Tab. I attach screenshot.

Reviews Tab Title Size : 30px.

Your Rating and Star sybol Size : 30 px.

other font size in reviews Tab: 20 px

Attachments:

You must be logged in to view attached files.

And I want to increase the width of Submit Button to full width of review Box.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.content-review .spr-container .spr-header-title {
font-size:25px;
}

It is not possible to make it full-width due to the HTML structure https://prnt.sc/1rlswaa You can just change the min-width and make it bigger, here is the code:

.content-review .spr-button-primary {
    min-width: 250px;
}

Replace 250px for the value as per your needs.

This functionality does not relate to our theme and we cannot change it.

Best Regards

you send me wrong code. my website is this. https://skylarkinfantry.com/. I share ellamart website just for refference of tabs. send me code according to https://skylarkinfantry.com/.

Thanks!

want to increase stars icon size also.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woocommerce-Reviews .woocommerce-Reviews-title {
    font-size: 25px;
}
body .comment-respond .stars a.active:after, 
body .comment-respond .stars a:hover:after {
	font-size:25px;
}
body .stars a {
    width: 25px;
    text-align: center;
}
body .comment-respond .stars a:after, 
body .comment-respond .stars a:before {
		font-size:25px;
}

Best Regards

[Author]

Posts