Hey evas49,
Thanks for the ALB shortcode, but it is for a masonry element (not gallery), and your css works for it:

.av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
	font-size: 3em !important;}

naturally, I had to remove the page ID.
But the title of this thread is for a masonry gallery, so for a masonry gallery you would use this css:

.av-masonry-entry .av-masonry-entry-title {
	font-size: 3em !important;}

I have tested it and it works for both the masonry gallery, and the masonry (not gallery).

Best regards,
Mike

Hi Alexander,

Thanks for contacting us!

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

#sub_menu1 .avia-menu-text {
  color: white;
  font-size: 20px;
  background-color: red;
  padding: 10px;
  border-radius: 5px;
}

Regards,
Yigit

Hi,

We cannot reproduce #4. For the iconbox title, try to adjust the style of the H4 heading tag in the Enfold > Advanced Styling panel or use this css code.

h4 {
    font-size: 30px;
    line-height: 1.1em;
    margin-bottom: 4px;
}

To adjust the font size on mobile view or on smaller screens, add this css media query.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  h4 {
    font-size: 20px;
    line-height: 1.1em;
    margin-bottom: 4px;
  }

}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the changes.

Best regards,
Ismael

Hey larademartino,

Thank you for the inquiry.

Looks like the font of the text in the list is set to 13px by default. To adjust it, please add this css code.

#top ul li {
    font-size: 10px;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,
To add a caption below your gallery items, you can use this css from our documentation:

/* Display caption below thumbnail */
#top .avia-gallery .avia-gallery-thumb a:after {
content: attr(title);
margin: 10px 0;
position: relative;
display: block;
width: 100%;
font-size: 14px;
text-align: center;
}

adjust the css font size and margin to suit, after applying the css clear your browser cache.
and use the caption field:

the expected results:

Or try using the masonry gallery element for both galleries, the first one without captions and the second one with captions, again use the caption field:

then choose to show the caption excerpt always:

the expected results:

Best regards,
Mike

Hi,
Thank you for your question, based on the file name:
opensans-variablefont_wdthwght-webfont
it is a variable font with weight, so it should include all sizes and weights, you will only need to set the size and weight in your element, or advanced style setting, or in your css, depending on how you are assigning this.

Best regards,
Mike

Hi,

Did you try removing the code I referred to above? That is what is adding space above the social icons:

#top .social_bookmarks {
    margin-top: 40px!important;
    font-size: 28px;
}

If you add a class to the container which holds the social icons, then it will be easier to target it with CSS.

Best regards,
Rikard

Hi,

This seems to be coming from your child theme:

#top .social_bookmarks {
    margin-top: 40px!important;
    font-size: 28px;
}

Try removing it, or put it in a media query if you only want that to apply on screens larger than mobile.

Best regards,
Rikard

Hi,

Glad to know that the suggestions above are working. To control the size of the product description on different screen sizes, please try this css code.

#av_product_description p {
  font-size: 44px;
}

@media only screen and (max-width: 1024px) {
  #av_product_description p {
    font-size: 38px;
  }
}

@media only screen and (max-width: 989px) {
  #av_product_description p {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  #av_product_description p {
    font-size: 24px;
  }
}

Please make sure to purge the cache after adding the css.

Best regards,
Ismael

Hey Sozo,

Thank you for the inquiry.

You can actually use html tags in the description field and add some css to adjust the style of the elements. To adjust the style of the default elements in the banner for example, you can use this css code.

#av_product_description  * {
    color: red;
    font-size: 99px;
}

To add a drop shadow to the description text, use this css.

#av_product_description p {
    text-shadow: 0 2px black;
}

Best regards,
Ismael

Hi,

Try this CSS as well:

.main_color label {
  color: red; 
  font-size: 36px;
}

.main_color input[type='submit'] {
  color: blue; 
  font-size: 24px;
}

Best regards,
Rikard

Hi Samuel,

Thanks for contacting us!

Please add following code to Quick CSS field in Enfold theme options > General Styling tab
1-

.avia_ajax_form label.input_checkbox_label {
  line-height: 1.3em;
}

2-

#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area {
  font-size: 20px;
  font-family: georgia;
}

If these do not help, please post a screenshot showing the changes you would like to make. You can upload your screenshots on imgur.com and post the links here :)

Regards,
Yigit

Hey,

Please edit your slide and then go to Styling > Font Sizes to change responsive font sizes – https://imgur.com/a/b5krQQk :)

Cheers!
Yigit

Hi,

Glad to know that the suggestions above are working. And yes, you can use the following css code to adjust the size of the menu item.

#top #wrap_all #av-burger-menu-ul li {
    font-size: 26px;
}

Default size is 18px. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hey John,

1- I edited your custom CSS code and changed

ul.social_bookmarks li a {
    background: #031926 !important;
    border-radius: 10px !important;
}

into following

#top #wrap_all .social_bookmarks li a {
    background: #031926;
    border-radius: 10px !important;
}

2- I edited following code

#footer-page ul.av-share-box-list li a {
    border-radius: 10px;
    background: #031926;
    margin-right: 15px;
}

and increased font size as following

#footer-page ul.av-share-box-list li a {
    border-radius: 10px;
    background: #031926;
    margin-right: 15px;
    font-size: 20px;
}

Please review your website :)

Regards,
Yigit