Enormous font for header in Woocommerce/Flashlight combination? « Support Forum | Kriesi.at

Support Forum » Flashlight

Enormous font for header in Woocommerce/Flashlight combination?

5 posts from 2 voices

Started 7 months ago by arjandasselaar
Latest reply from Dude
This topic is closed
This topic is resolved

Tags:

arjandasselaar
Member

Hi,

I'm proceeding nicely building my new website, temporarily hosted at http://nieuw.arjandasselaar.nl

However, all the Woocommerce pages have the 'big fat heading', as the example files call it, enabled by default.

Even though the root page for Woocommerce has the small enabled and I've instructed Woocommerce to use this page as its base page.

I've search this forum for over an hour and tried the solutions offered, to no avail.

Can anybody help me out?

For good measure: what I want is the headings above http://nieuw.arjandasselaar.nl/boeken-bestellen/social-media-survival-overlevingsgids-voor-journalisten-9789081958400/ to display in the same size as the heading above http://nieuw.arjandasselaar.nl/journalistiek/wat-ik-geloof/

It would be even better if I could enable this at will per page so that the heading above http://nieuw.arjandasselaar.nl/boeken-bestellen/ (the shop 'base page') would remain large (even though, as stated, I've set it to 'normal').

I'd be much obliged.

Thanks,

Arjan

Posted 7 months ago #
Dude
Dude
Hey!

Try to add following code to css/custom.css or the quick css field:
```
#top.woocommerce  .post-title.big_title {
    font-size: 20px !important;
}
```
Best regards,
Peter
Posted 7 months ago #
arjandasselaar
Member

Hi Peter,

Thanks! That seems to have done the trick! However, the resulting book pages now show slightly topped-off fonts in the heading at certain zoom levels (Google Chrome): http://nieuw.arjandasselaar.nl/vb1.jpg for the topped-off font, http://nieuw.arjandasselaar.nl/vb2.jpg for the 0 percent zoom view.

I don't see this at any other place in the website, regardless of zoom level.

Kind regards,

Arjan

Posted 7 months ago #
arjandasselaar
Member

Never mind, figured it out after a couple of hours of googling & reading :-)

I changed your code to

#top.woocommerce .post-title.big_title {
font-size: 20px !important;
line-height: 120%;
}

And added this to custom.css.

The site now displays correctly in Firefox (which it did before) as well as Chrome (which it didn't).

Thanks again!

Kind regards,

Arjan

Posted 7 months ago #
Dude
Dude

Hi!

Glad that you solved the issue :)

Best regards,
Peter

Posted 7 months ago #