Masonry portfolio font size

Hey dittefrandsen,

I’m not sure what the login is, is that the user name or password? Either way, something seems to be missing.

Best regards,
Rikard

Hi,
I’m not sure if I’m looking at the correct element, please see screenshot in Private Content area.
Please include the url to the page in question so we can take a closer look.

Best regards,
Mike

Hi Ditte,

Please try this in Quick CSS to make the font size smaller on smaller screens:

@media only screen and (max-width: 1130px) {
.av-masonry-entry .av-masonry-entry-title {
    font-size: 12px;
}
}

Best regards,
Rikard

Hi,
Please replace with:

@media only screen and (min-width: 481px) and (max-width: 1130px) {
.av-masonry-entry .av-masonry-entry-title {
    font-size: 10px!important;
}
.av-masonry-entry .av-inner-masonry-content {
    padding: 10px!important; 
}
}

Best regards,
Mike

Hi,
You had the same code for 12px in twice, I removed one and changed the other to 9px. Please clear your browser cache and check.

Best regards,
Mike

Hi,
In your custom css, it looks like your code is this:

@media only screen and (max-width: 1130px) {
.av-masonry-entry .av-masonry-entry-title {
    font-size: 9px!important; 
}
}

Please try changing to:

@media only screen and (min-width: 766px) and (max-width: 1130px) {
.av-masonry-entry .av-masonry-entry-title {
    font-size: 9px!important; 
}
}

Please note that you are adding “and (min-width: 766px)” to your code, so it will stay the same for tablets and allow the default font size show for mobile.

Best regards,
Mike

Hi,
Sorry I don’t see another masonry on the homepage. Can you take a screenshot of it?

Best regards,
Mike

Hi,
Thank you for that. I have changed your custom css so that it works different on the homepage masonry and the portfolio page masonry, this is what your code now looks like:

@media only screen and (min-width: 766px) and (max-width: 1023px) {
#top.home .av-masonry-entry .av-masonry-entry-title {
    font-size: 9px!important; 
}
}
@media only screen and (min-width: 766px) and (max-width: 1130px) {
#top.portfolio-template-default .av-masonry-entry .av-masonry-entry-title {
    font-size: 9px!important; 
}
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike