Hi,
I found a couple of issues, first your avia-merged-styles in /wp-content/uploads/dynamic_avia/ doesn’t seem to be loading, this could be due to a few things, one of which is updating the theme via FTP and not removing the old files. Did you last update via FTP?

The second issue is this css in your “simple css” is adding extra padding to the button, but it may not be that much of a issue when we get your avia-merged-styles working again, so I left it in place for now.

#top .avia-button-fullwidth {
	font-size: 16px!important;
	line-height: 15px!important;
	padding: 15px;
}

Please include FTP access in the Private Content area.

Best regards,
Mike

Hey Hilde,
1: Die Seitenleiste wird immer unter einem “Farbbereich” oder einem anderen Element voller Breite angezeigt. Bitte ändern Sie Ihr “Bitte beachten” Element.
2: Mit “post picture” meinst du “feature image”? Ich glaube, dass Sie den erweiterten Layout-Builder für diesen Beitrag verwenden, daher müssen Sie ein Bild im Post-it-Format hinzufügen, anstatt das “Feature-Bild” zu verwenden, wie bei Verwendung des Standard-Editors.
3: Bitte versuchen Sie die Schriftgröße in: Enfold Theme Options> Advanced Styling> und wählen Sie Ihre Überschrift.

—translate—

1: The sidebar will always show below a “color section” or any other full width element. Please change your “Please note” element.
2: By “post picture” do you mean “feature image”? I believe you are using the advanced layout builder for this post, so you will need to add a image in the post it self, rather than using the “feature image” as when using the default editor.
3: Please try setting the font size in: Enfold Theme Options > Advanced Styling > and choose your heading.

Best regards,
Mike

Hi,
For issue 1, Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 1023px) { 
li.slide-1 .avia-caption-content {
font-size: 16px !important;
}
}

For issue 2:

@media only screen and (max-width: 479px) {
.responsive #top li.slide-1 .slideshow_caption {
    width: 50%!important; 
    margin-left: 50%;
}
}

Best regards,
Mike

Hi,
This is because this is a different link than the first one you posted.
For this new page, please try this css:

#top.page-id-7940 h3.slide-entry-title a {
font-size: 18px !important;
}
#top.page-id-7940 .slide-meta-comments,#top.page-id-7940 .slide-meta-del {
display: none !important;
}

#top.page-id-7940 .avia-content-slider .read-more-link a {
margin: auto !important;
}
#top.page-id-7940 .avia-content-slider .read-more-link {
    top: 0px!important; 
    padding-bottom: 0px!important; 
}
#top.page-id-7940 .entry-footer .slide-meta {
margin-top: 5px !important;
}

Or if you want to reuse this for many pages, try removing the first code and use this instead:

#top h3.slide-entry-title a {
font-size: 18px !important;
}
#top .slide-meta-comments,#top .slide-meta-del {
display: none !important;
}

#top .avia-content-slider .read-more-link a {
margin: auto !important;
}
#top .avia-content-slider .read-more-link {
    top: 0px!important; 
    padding-bottom: 0px!important; 
}
#top .entry-footer .slide-meta {
margin-top: 5px !important;
}

Best regards,
Mike

Hey Munford,

Thank you for using Enfold.

1.) Please upgrade the theme from 4.1.2 to version 4.2.6. That should help with the issue.

2.) Use the following css code to display the load more button on page load.

.av-masonry-pagination.av-masonry-load-more {
    opacity: 1;
    visibility: visible;
}

3.) This css code should alter the style of the load more button.

#top .main_color .container .av-masonry-load-more {
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 13px;
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    background-color: red;
    width: 200px;
    margin: 0 auto;
}

Adjust the values as needed.

Best regards,
Ismael

Hey pjphoto,

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

.avia_ajax fieldset h3 {
  font-size: 12px !important;
}

Best regards,
Rikard