Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 11, 2017 at 7:17 pm #776263
    flowerjovia

    I was able to change the H2 size in my woocommerce store using code in the quick CSS with your help here in the forums however with the update, when the related products show up, the descriptions (H2) are all at 100% and in my store I have them set at 70% so they look pretty janky. I thought I found the correct line of code and tried to change it myself but it didn’t work. Could someone show me how to change the H2 in the related products section to 70%? Login Credentials are all in included here. Thanks so much. Everyone here is awesome.

    April 11, 2017 at 7:26 pm #776265
    Basilis

    Hey flowerjovia!

    Please add the following:
    #top #wrap_all .all_colors h2 { font-size: 20px !important; }

    And it will do fix your issues.

    Thank you

    Regards,
    Basilis

    April 11, 2017 at 7:31 pm #776268
    flowerjovia

    Hi @Basilis
    If I do this, will it change the H2 on my entire site? Or just in the related products area? Actually, I answered my own question, as I thought, it did change the H2 size on the entire site as I thought it would. Do you know how I would change the size of just the store related products area description only?

    • This reply was modified 7 years, 8 months ago by flowerjovia.
    April 12, 2017 at 6:09 am #776458
    Rikard

    Hi,

    You should be able to target that element using the following CSS:

    .woocommerce .related h2 {
  font-size:70% !important;
}

    Best regards,
    Rikard

    April 13, 2017 at 6:59 pm #777461
    flowerjovia

    @Rikard is there a way to change the H2 across the entire store? Not just related products but the entire store?

    April 14, 2017 at 7:26 am #777681
    Rikard

    Hi,

    Yes, then you could use CSS like this:

    .woocommerce h2 {
  font-size:70% !important;
}

    If you want to alter the H2 tag for the entire site then you can do so under Enfold->Advanced Styling.

    Best regards,
    Rikard

    January 29, 2019 at 6:20 am #1059895
    rmf339

    Hi all,

    Taking advantage of the topic to ask if there is any chance of having a hook into functions-enfold.php to change the H2 to H4?

    This post tells me the exact location, but I’m afraid I might loose the hack when updating…

    https://kriesi.at/support/topic/change-related-products-title/

    Open wp-content/plugins/woocommerce/templates/single-product/related.php and find this code:
    <h2><?php _e(‘Related Products’, ‘woocommerce’); ?></h2>

    Any clues?

    • This reply was modified 5 years, 10 months ago by rmf339.
    January 31, 2019 at 8:56 pm #1061164
    Basilis

    Hi,

    You can create a child theme folder and move it there. That way you will not loose it on any update :)

    Best regards,
    Basilis

    February 2, 2019 at 10:32 pm #1062079
    rmf339

    Is there a way to create a hook instead of copying the file?

    February 4, 2019 at 9:54 am #1062545
    Rikard

    Hi,

    If you add a hook it will still be overwritten on update if you don’t use a child theme. Maybe you can find a suitable hook here? https://docs.woocommerce.com/wc-apidocs/hook-docs.html

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.