Hey!

Please replace the code i posted with following one

.caption_framed .slideshow_caption .avia-caption-content p {
color: #99cc00;
font-size: 28px;
font-weight: bold;
margin-top: 20px;
padding: 20px;
}

Cheers!
Yigit

• This reply was modified 12 years, 3 months ago by Yigit.

Hi Alex!

Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

.caption_framed .slideshow_caption .avia-caption-content p { color: #99cc00; font-size: 18px; }

Cheers!
Yigit

Hi!

Please try adding following code to Quick CSS as well

.avia-button.avia-size-large {
padding: 25px 9px 13px;
min-height: 120px;
} 
.avia-button.avia-size-large {
font-size: 18px;
}

Regards,
Yigit

Hey!

Please try adding following code to Quick CSS as well

@media only screen and (max-width: 480px) {
.avia-slideshow .avia-caption .avia-caption-title {
font-size: 10px;
}}

Regards,
Yigit

Hi!

I have added custom CSS code to bottom of Quick CSS section in Enfold theme options under Styling tab and it seems to be working now. Please review your website and confirm that it is working fine for you too so we can mark this thread as resolved.

Best regards,
Yigit

Hi!

Please try adding !important rule to force your custom CSS as following

h2 {
  font-weight: normal!important;
}

h3 {
  font-weight: 300!important;
}

h4 {
  font-weight: 300!important;
}

p {
  font-weight: 300!important;
  font-size: 115%!important; 
}

Please also note that in your code, font size is missing semi colon at the end

Regards,
Yigit

Hi!

Please give us the login details. Set it as a private reply. We would like to inspect it.

Regards,
Ismael

Hi BlendMarketing!

Please add following code to Quick CSS in Enfold theme options under Styling tab

@media only screen and (max-width: 767px) {
.avia-slideshow .avia-caption .avia-caption-title
{ font-size: 14px; }}
@media only screen and (max-width: 480px) {
.avia-caption {
bottom: -10px;
left: -18px;
padding: 0 20px;
width: 305px;
}
.avia-caption .avia-caption-title { margin: 0; }
}

Best regards,
Yigit

Hi!

Have you tried adding the codes to Style.css file of your child theme? If not, please try and let us know if it works

Best regards,
Yigit

Hi simmer!

You can use this on Quick CSS:

.grid-entry-excerpt.entry-content {
font-size: 14px;
color: red;
font-style: normal;
}

Best regards,
Ismael

Hi David!

Please add this on Quick CSS or custom.css:

.avia-icon-list-container.avia-builder-el-6.el_after_av_textblock.avia-builder-el-last .iconlist_icon {
background: url('http://www.cadeaugolf.nl/wp-content/uploads/2013/04/image_rl2.png') no-repeat center center;
background-size: 40px 40px;
}

.avia-icon-list-container.avia-builder-el-6.el_after_av_textblock.avia-builder-el-last .iconlist-char {
display: none;
}

Best regards,
Ismael

Hi!

Please use this instead:

.form-row.terms label {
font-size: 15px !important;
}

Remove browser cache then reload the page.

Regards,
Ismael

Hi studio-dlhastings!

You can generate the Icon shortcode on a page then get the icon shortcode’s actual html. You can do this using google chrome. Inspect the elements to see the actual markup. It looks something like this:

<span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello"></span></span>

Create a custom link on Appearance > Menus then add the code above as menu label.

Cheers!
Ismael

Hi Keurdom!

Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

h2 {
font-size: 20px; }
h3 {
font-size: 17px; }

Regards,
Yigit

Hi!

Can you try adding !important rule to force it as following?

#top #payment label { font-size: 15px!important; }

Regards,
Yigit