Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 20, 2021 at 1:33 pm #1295533
    sitesme

    Hello

    I am using a masonry portfolio with 3 columns but the text that shows on hover is way too big.

    I found this code attached to the title:
    <h3 class="av-masonry-entry-title entry-title " itemprop="headline">Title Goes Here</h3>

    Can you help me to decrease the size of this text across the whole website?

    Thank you

    April 22, 2021 at 7:19 am #1295942
    Rikard

    Hey sitesme,

    Please try the following in Quick CSS under Enfold->General Styling:

    h3.av-masonry-entry-title {
  font-size: 18px;
}

    Best regards,
    Rikard

    April 22, 2021 at 7:31 am #1295946
    sitesme

    Thank you Rikard.

    That didn’t work, but I added !important and then it worked right away:

    h3.av-masonry-entry-title {
  font-size: 18px !important;
}

    Thank you for your great help.

    • This reply was modified 3 years, 8 months ago by sitesme.
    April 22, 2021 at 2:40 pm #1296073
    Nikko

    Hi sitesme,

    You can try to increase the specificity of your selector so you won’t need to use !important, try using this CSS code instead:

    #top #wrap_all h3.av-masonry-entry-title {
  font-size: 18px;
}

    Best regards,
    Nikko

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