Return to previous page

Some visual changes - by dnalvarez - on WordPress WooCommerce support

This topic has 13 replies, 3 voices, and was last updated 8 years, 2 months ago ago by Rose Tyler

dnalvarez

Participant

October 8, 2017 at 15:59

Hi, I need to make some visual changes in the xstore theme.
1) Reduce breadcrumb area height
2) Reduce size of product title fonts in shop pages
3) Reduce default height of table rows.
4) Change phone and email icons color in header

Could you send me some CSS code?

Thanks!

#174475 Copied Theme version: engineer WooCommerce version: 4.8

12 Answers

Amzy Leel

Participant

October 9, 2017 at 07:44

Hi,

1) do not give fixed height to any element. that won’t be responsive in mobiles and tablets.
breadcrumb height will be adjusted automatically according to it’s padding.
set proper padding for breadcrumbs in 8theme options > general > breadcrumbs > Breadcrumbs padding

2) did you check line height and Font Weight & Style in 8theme options > typography ?

#174487 Copied

Amzy Leel

Participant

October 9, 2017 at 07:47

3) send us the screenshot of this please

4) check https://www.8theme.com/topic/engineer-demo-header-content/

#174488 Copied

dnalvarez

Participant

October 9, 2017 at 14:25

Hi, thanks for your reply.
1) I have tried with padding but I can’t reduce the height. I send you attached a screenshot.
2) I have tried changing typography but it does not work. I attach a screenshot of product titles I need to reduce. I need to reduce only this product titles in shop pages.
3) I send you a screenshot.
4) Solved!

5) Also I would need to remove the “specifications” tab title shown in image 3
I am using Custom product tabs plugin. in my previous theme this title was not displayed.

Thanks!

Please, contact administrator
for this information.

#174581 Copied Theme version: xstore WooCommerce version: 4.8

dnalvarez

Participant

October 9, 2017 at 14:31

I can’t find the way to attach the screenshots here..

#174582 Copied

dnalvarez

Participant

October 9, 2017 at 14:37

1) https://k61.kn3.net/8/C/9/9/0/D/023.jpg
2) https://k60.kn3.net/5/A/4/2/C/B/CA4.jpg
3) https://k60.kn3.net/C/B/6/A/8/2/977.jpg

#174583 Copied
Rose Tyler

Support staff

October 10, 2017 at 08:47
Hello,

1. http://prntscr.com/gvi7y6 + https://prnt.sc/gvi7vn > http://prntscr.com/gvi83v
Please check now.
2. Please try to add this code in Theme Options > Styling > Custom css:

.content-product .product-title a { font-size: 14px; }

3, 5.

#content_tab_specifications h2 { display: none; } #content_tab_specifications td { padding: 10px 0px; }

Regards
#174642 Copied
dnalvarez

Participant

October 10, 2017 at 13:08

Hi,
It worked perfect!
Could you please tell me how to do some more changes?
I need also to change default list bullet colour and line height for all wordpress lists. Also I would need to apply the changes of 3) (reduce row height) to all td tables in wordpress.
I have tried to add this css but it does not work..

ul li:before {
color: #FFA62F;
margin-bottom: 0;
line-height: 1.3;
}
td {
padding: 10px 0px;
}

#174672 Copied

Rose Tyler

Support staff

October 10, 2017 at 13:21

You’re welcome!
Please provide screenshots for better understanding.

Regards

#174675 Copied

dnalvarez

Participant

October 10, 2017 at 16:22

6.Table line height_in all td tables in wordpress.
https://k61.kn3.net/2/B/6/6/8/F/58F.jpg

7.Change bullets color and line height in all wordpress lists.
https://k60.kn3.net/9/7/7/8/F/2/BE3.jpg

#174704 Copied
Rose Tyler

Support staff

October 11, 2017 at 09:32
Hello,

1. Please try to add this code in Custom css https://prnt.sc/gvyl02:

.product-information-inner table td { padding: 10px 0; }

2. Please try to use ul to show elements one one by one, for example, http://prntscr.com/gvyo9f http://prntscr.com/gvyobn https://www.w3schools.com/cssref/pr_list-style-type.asp

Regards
#174761 Copied
dnalvarez

Participant

October 11, 2017 at 12:04

It worked fine.
Thanks!

#174793 Copied

Rose Tyler

Support staff

October 11, 2017 at 12:12

You’re welcome!

Regards

#174798 Copied
Viewing 13 results - 1 through 13 (of 13 total)