Hi,

Please edit your custom CSS and add following class to your Heading7 CSS code

.avia-content-slider .slide-meta time

So it would look as following

.heading7, h7, .avia-content-slider .slide-meta time {
  color: inherit;
  font-family: 'Open Sans Light; font-size: 15p';
  letter-spacing: 4pt;
}

And add following class to your “aoki-template_line-button”

#top .read-more-link .more-link

Best regards,
Yigit

Hi,

Thanks for the update. You can add as many CSS classes as you wish, just remember to give them unique names:

.orange-13 {
  font-size: 13px;
  color: #ff0000;
}

Best regards,
Rikard

Hey Susanne,

The tag on the front page is h1, and on the sub page it’s h2, and you have this CSS applying to the h2 on mobile:

@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
    font-size: 20px !important;
}
}

How do you want to change the h1 for mobile?

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

.av-masonry-container .av-masonry-entry-content {
  font-size: 14px;
}

Best regards,
Rikard

Hi,

Thanks for the update. There’s no way of doing that using presets in the default editor as far as I know, you would have to use classes in your markup for example:

<p class="black-18">Black 18 content</p>

<p class="gray-16">Gray 16 content</p>

Then add this CSS to Quick CSS:

.black-18 {
  font-size: 18px;
  color: #000;
}

.gray-16 {
  font-size: 16px;
  color: #ddd;
}

Best regards,
Rikard

Hey Josephine,

Thanks for the information!

Enfold theme options > Advanced Styling options override Typography options. So I went to Enfold theme options > Advanced Styling and set H1 font size to default.

Then I went to Enfold theme options > General Styling > Typography and added px to font sizes. They should be inserted as “50px” instead of “50”.

Please review your website :)

Best regards,
Yigit

Hey Tilman,
Thank you for your question, the icon grid subtitle has a H6 tag and your general settings have set a font size of 45px for the H6 tag which will override the element settings.
I assume you have used the advanced styling option to set the font size for the H6 tag, correct?

If so please disable this, or if you are using this option for other elements try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field to override it:

#top #wrap_all #main .main_color .avia-icon-grid-container h6.av_icongrid_subtitle {
	font-size: 13px;
}

adjust the font size to suit, then after applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear this helped, you can style the buttons, for example to change the font-size try this css:

#top #main .avia-slideshow-button {
	font-size: 20px;
}

you could also use this to adjust the font family to any that you have installed, if you need further help adjusting add some test text to your page using the font family you want the buttons to be for us to see.

Best regards,
Mike

Hey elisa_polidori,
If you would like to change the Masonry Gallery “Load More” button text to “See all photos”, try adding this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#top #main a.av-masonry-pagination.av-masonry-load-more {
	font-size: 0px;
}
#top #main a.av-masonry-pagination.av-masonry-load-more:before {
	content:"See all photos";
	font-size: 13px;
}	

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey josk-design,

If you are want to add an ID to a Text Block element, then you can do that in the Advanced Tab in the element option. You can an ID like this in the ID field:

my-id

Then you can use that ID in Quick CSS:

#my-id {
  font-size: 24px;
  font-weight; 200;
}

Best regards,
Rikard

Hi,

Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

.avia_textblock h6, .avia_textblock h6 a {
    font-size: 16px;
    color: #666666;
}

Best regards,
Rikard

Hey,

Thanks for contacting us!

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

.single-product .price bdi,
.single-product .price bdi span { 
     font-size: 16px;
}
.single-product .quantity { 
     display: none; 
}

If that does not help, please create temporary admin logins and post them here privately so we can look into it :)

Best regards,
Yigit

Hey Mike,

Thanks for contacting us!

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

#top #wrap_all .tribe-events-button {
  font-size: 13px;
  margin-right: 5px;
  display: inline; 
}

Best regards,
Yigit