Galwyn Posted May 2, 2016 Share Posted May 2, 2016 At the product names, is there any way to change font sizes, its way too big, i want to make it smaller. thanks in advance Quote Link to comment Share on other sites More sharing options...
bsmither Posted May 2, 2016 Share Posted May 2, 2016 On the View Product page, the Product Name is an <h1> tag (I understand this to be significant for search engines). Foundation's CSS rules put this at several sizes depending on how Foundation scales the layout for desktops, pads, and mobile devices. In the file /skins/foundation/css/cubecart.default.css, add these rules: h1 { font-size: 1.825rem; } /* was 2.125 */ @media only screen and (min-width: 40.0625em) and (max-width: 64em) { h1 { font-size: 2.5rem; } } /* was 2.75 */ The first rule sets the default for all screen sizes. The second makes the font size smaller but still bigger than the default when viewing on a mobile. Quote Link to comment Share on other sites More sharing options...
Galwyn Posted May 2, 2016 Author Share Posted May 2, 2016 7 minutes ago, bsmither said: hello bsmither, actually, im talking about those parts (in picture) especially left side, i want to change size and color of them. Quote Link to comment Share on other sites More sharing options...
bsmither Posted May 2, 2016 Share Posted May 2, 2016 The text in product panels is an <h3> tag. So, use these rules: h3 { font-size: 1.25rem; } /* was 1.6875 */ @media only screen and (min-width: 40.0625em) and (max-width: 64em) { h3 { font-size: 1.0rem; } } /* was 1.375 */ For the color, use this rule: .panel a, [id^="sidebar"] { color: black; } The first part gives the color to the links in product panels. The second part gives the color to any HTML that has an ID that starts with "sidebar", meaning "sidebar_left", "sidebar_right", etc. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.