Hi,
Thanks for the login, please see this article about phone number links for reference.
When I look at your site I see your phone number in the “Phone Number or small info text
” area in not a link, I see that you added a link in the Quick CSS, but it actually needs to be in the “Phone Number or small info text
“to work, so I used this format to make it a link:

<a href="tel://555-555-5555">(555) 555-5555</a>

(I assume for the UK there is no “1” county code in the number, but please check for yourself)
It is now a link.
To increase it’s font size I added this code in the General Styling > Quick CSS field field:

.phone-info span,.phone-info span a {
font-size: 20px !important;
}

Please adjust the number to suit & clear your browser cache.

Best regards,
Mike

Hey Dee007,
Assuming that this is the element that you would like to be 10px

Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

div.avia-testimonial-content  P {
font-size: 10px !important;
}

If this doesn’t help, please include a admin login and ftp access in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
Thanks for the link, please try this css, the first rule is for the main menu & the second rule is for the sub-menu, should you want to adjust the font size there as well:

.html_header_sidebar #header .av-main-nav > li > a .avia-menu-text {
    font-size: 20px !important; 
    line-height: 1.3em !important; 
}
.html_header_sidebar #header .av-main-nav > li > ul.sub-menu > li > a span.avia-menu-text {
    font-size: 20px !important; 
    line-height: 1.3em !important; 
}

Please feel free to adjust & then clear your browser cache and check.

Best regards,
Mike

Hi,
What font size would you like? Please undue the font size change in the Advanced Styling and include a link to your site, so I can assist with some css.

Best regards,
Mike

Hey webworm72,

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

.read-more-link {
  background-color: red;
  color: green;
  font-size:12px;
}

Best regards,
Rikard

Hi,

Yes, it will probably override the custom css modification. Do you have a test page where we can check this? You can also use additional css media queries to adjust the font size on mobile view.

Best regards,
Ismael

Hey Edsbjerg,
Please try this code in the General Styling > Quick CSS field:

#footer ul#menu-main-menu.menu a,#footer .menu-submenu-container a {
font-size:18px !important;
font-weight: 400 !important; 
}

Please clear your browser cache and check.
If this fails please try the same code in the WordPress > Customize > Additional CSS field

Best regards,
Mike

Hi,
Sorry for the late reply, to have a taller masonry item please try the “High Portrait” Orientation:

to have the blue overlay fill within the masonry item try to place it within the “av-inner-masonry” link this:

a.av-masonry-entry:hover > .av-inner-masonry:before {
content: attr(title)!important; 
background: #0D47A1!important;
position: absolute!important;
bottom: 0!important;
left: 0!important;
right: 0!important;
width: 100%!important;
height: 40%!important;
z-index: 10!important;
text-align: center!important;
line-height: 180px!important;
opacity: 1!important;
font-weight: bold!important;
font-size: 24px!important;
color: #fff !important;
transition: ease-in linear 2s!important;
}

unfortunately the title attribute is not showing with this though.
To see the element I tried to work on, try Enabling the Avia Layout Builder Debugger and using this shortcode:

[av_codeblock wrapper_element='' wrapper_element_attributes='' codeblock_type='' av_uid='av-jom6vm8p']
<style>
a.av-masonry-entry:hover > .av-inner-masonry:before {
content: attr(title)!important; 
background: #0D47A1!important;
position: absolute!important;
bottom: 0!important;
left: 0!important;
right: 0!important;
width: 100%!important;
height: 40%!important;
z-index: 10!important;
text-align: center!important;
line-height: 180px!important;
opacity: 1!important;
font-weight: bold!important;
font-size: 24px!important;
color: #fff !important;
transition: ease-in linear 2s!important;
}
</style>
[/av_codeblock]

[av_masonry_gallery ids='' items='4' columns='4' paginate='none' size='fixed' orientation='av-orientation-portrait-large' gap='large' overlay_fx='active' animation='active' container_links='active' id='' caption_elements='title excerpt' caption_styling='' caption_display='always' color='' custom_bg='' av-medium-columns='' av-small-columns='' av-mini-columns='' av_uid='av-jom67uwa']

Best regards,
Mike

Hey web6s,

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

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.home .avia-caption-title {
  font-size:22px !important;
}
}

Best regards,
Rikard