This topic has 13 replies, 3 voices, and was last updated 7 years, 2 months ago ago by Rose Tyler
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!
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 ?
3) send us the screenshot of this please
4) check https://www.8theme.com/topic/engineer-demo-header-content/
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!
I can’t find the way to attach the screenshots here..
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
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;
}
You’re welcome!
Please provide screenshots for better understanding.
Regards
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
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
It worked fine.
Thanks!
You’re welcome!
Regards
You must be logged in to reply to this topic.Log in/Sign up