Hi Steph!

Thank you for using the theme.

I’m sorry but you can’t move the caption below the slider. You can only decrease the font size and padding of the caption content:

.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
    padding: 5px 7px;
    font-size: 10px !important;
}

Regards,
Ismael

Hi!

If you add the code to Quick CSS field as following

#header .mega_menu_title {
    font-size: 14px;
}

and it should look like this – http://i.imgur.com/I6ZRZLH.png

If you do not mind creating a temporary admin login and posting it here privately, we can gladly look into it :)

Regards,
Yigit

Hi!

Please add following code to Quick CSS as well

@media only screen and (max-width: 480px) {
h1.av-special-heading-tag {
    font-size: 32px!important;
}}

Regards,
Yigit

Hey!

Please add !important rule as following

.avia-tooltip {
    font-size: 8px!important;
}

Cheers!
Yigit

Hey sitesme!

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

.avia-tooltip { font-size: 16px; }

Best regards,
Yigit

Hi gooseflight!

Thank you for using Enfold.

1.) Please use this css declaration:

.avia_ajax_form h3 {
 // style here
}

2.) Yes, you can adjust the width using css. This is the default style:

.avia_ajax_form .button {
    margin: 0;
    padding: 16px 20px;
    border-radius: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-weight: normal;
    font-size: 0.92em;
    min-width: 142px;
    outline: none;
}

3.) I’m not sure what you mean by this but you can add a custom script via functions.php file. Example here: https://kriesi.at/support/topic/insert-java-scripts-in-body/#post-579587

Cheers!
Ismael

Hi Charlotte!

Thank you for using Enfold.

1.) Set the height of the header in the Enfold > Header panel. Set the Header Size settings to custom then adjust the height accordingly.

2.) Add this in the Quick CSS field:

#top #extended-categories-select-2 {
    padding: 20px 20px;
    font-size: 20px;
}

3.a) Use this to disable the animation:

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
    -webkit-animation: none;
    animation: none;
}

3.b) For the title:

.av-masonry-entry-title.entry-title {
    font-size: 30px;
}

3.c) Remove the date:

.av-masonry-date.meta-color{
    display: none;
}

4.) Add the “noLightbox” to the class attribute of the link tag.

In the future, please create a single thread for each inquiry. Thank you.

Cheers!
Ismael

Hey mcraig77!

Please add following code to Quick CSS

.phone-info * {
    font-family: 'Source Sans Pro', sans-serif!important;
    font-weight: 200;
    font-size: 24px!important;
}
.phone-info a img {
    top: 5px;
    position: relative;
}

Cheers!
Yigit

Hi mcraig77!

Please add following code to Quick CSS

.special_amp {
    font-family: inherit;
    font-size: inherit!important;
    font-style: inherit;
    font-weight: inherit;
    color: inherit!important;
}

Cheers!
Yigit

Hey MEXX!

Thank you for using Enfold.

I checked the site but I got a 500 error. Please check with your hosting provider. Regarding the inquiries, please do the following:

1.) Add this in the Quick CSS field:

#socket, #footer {
    font-size: 13px;
}

2.) Not sure what you meant with this and we can’t access the site. Could you please provide a screenshot?

3.) This is possible but you have to decrease the width of the remaining columns. Use this:

#footer .av_one_fifth {
    margin-left: 4%;
    width: 14%;
}

#footer .av_one_fifth:nth-child(5) {
    width: 27%;
}

Cheers!
Ismael

Hi,

Please try the following in Quick CSS under Enfold–>General Styling to make the caption content text smaller on mobile:

@media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption .avia-caption-content {
    font-size: 11px !important;
}
}

Best regards,
Rikard