Change font sizer of hover text

  • Hi, in the mobile version of this page, when you click on the any project tile there is a hover text which comes up. The current fontsize is 25px, I want it to be 14px. I inspected the element, copied the css change and pasted that in the theme.css file in them file editor and even tried in the appearance>customise section. But for some reason the page is not reflecting the change. Have even added !important and tried but no luck.

    Can someone help with what the problem is here?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Please go to Appearance->Customize->Additional CSS option then add that code

    @media(max-width:480px){
.hover_text div{
    font-size: 14px !important;
}
}
    Thread Starter aveendoshi

    (@aveendoshi)

    Hey @jawad1234, I added the code, cleared the cache but the size still won’t change on the mobile version.

    Remove the previous one & add that code please

    @media screen and (max-width: 599px){
.explore_sub_cat_section_container .image_container .image_wrapper .image .hover_text div:nth-child(2){
    font-size: 14px !important; 
}
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change font sizer of hover text’ is closed to new replies.