Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #16884

    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

    #93271

    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

    #93272

    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

    #93273

    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

    #93274

    Hi!

    Glad that you solved the issue :)

    Best regards,

    Peter

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Enormous font for header in Woocommerce/Flashlight combination?’ is closed to new replies.