Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 16, 2018 at 3:01 pm #985947
    bakbek

    Hi, how can I make the product prices bigger inside a product masonry gallery?

    Also, how can I increase the overlay of the image so the text will be more clear (make the background darker).

    Thanks

    July 16, 2018 at 11:04 pm #986136
    Nikko

    Hey DROR,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top span.av-masonry-price.price span {
    font-size: 18px;
}

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,0,0,0.5);
}

    Hope it helps :)

    Best regards,
    Nikko

    July 17, 2018 at 8:44 am #986296
    bakbek

    Thanks Nikko, I see that only effects the desktop view. How can I increase the font size on mobile?

    July 17, 2018 at 1:58 pm #986417
    Nikko

    Hi bakbek,

    Can you try to add !important:

    #top span.av-masonry-price.price span {
    font-size: 18px !important;
}

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,0,0,0.5) !important;
}

    This should prevent the code from being overriden in mobile devices.

    Best regards,
    Nikko

    July 17, 2018 at 5:21 pm #986518
    bakbek

    No go Nikko, size is still the same on mobile.

    July 17, 2018 at 5:38 pm #986522
    Dude

    Hi,

    Please try to clear the browser cache. If this doesn’t work go to Enfold > Theme Options > Performance and set the “CSS file merging and compression” setting to “Disable” (this will clear the css cache).

    Best regards,
    Dude

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