Hi,

Thanks for the update.

The copyright feature is only available for the image element as of this moment. If you really need to add it to other elements such as the color section, you have to do the following.

1.) Edit the config-templatebuilder > avia-shortcodes > section.php file, remove everything and then replace it with the following code.

// https://pastebin.com/e8anpUZS

2.) Add these css codes to render the copyright icon.

* image copyright */

.avia-section small.avia-copyright{
  font-size: 0.8em;
  text-align: left;
  line-height: 1.7em;
}
/* Simple */

.avia-section .avia-copyright{
  display: block;
}

.avia-section.av-has-copyright .avia-image-overlay-wrap{
  position: relative;
  overflow: hidden;
}

.av-styling-circle.avia-section.av-has-copyright .avia-section-inner{
  overflow: visible;
}

.avia-section.av-has-copyright.av-styling-circle .avia-copyright{
  text-align: center;
}

/* Icon Reveal on Hover */

.avia-section.av-has-copyright.av-copyright-icon-reveal .avia-copyright{
  position: absolute;
  background-color: rgba(0,0,0,0.1);
  text-align: right;
  color: #fff;
  padding: 0 2em 0 0;
  right: 0;
  bottom: 0;
  width: 2em;
  line-height: 2em;
  max-height: 2em;
  text-indent: -99999px;
  overflow: hidden;
  transition: all 0.3s ease-in;
  z-index: 308;
}

.avia-section.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover{
  width: 100%;
  padding: 0 3em 0 1em;
  text-indent: 0;
  max-height: 100%;
  background-color: rgba(0,0,0,0.4);
}

.avia-section.av-has-copyright.av-copyright-icon-reveal .avia-copyright:after{
  content: "\E81e";
  font-family: "entypo-fontello";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  text-indent: 0;
  font-size: 0.8em;
  width: 2.6em;
  height: 2.6em;
  line-height: 2.8em;
  text-align: center;
  color: rgba(255,255,255,0.7);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}

.avia-section.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover:after{
  background-color: rgba(0,0,0,0.2);
  color: rgba(255,255,255,1);
}

.avia-section.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: rgba(0,0,0,0.15);
  text-align: right;
}

.avia-section.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright:after{
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.avia-section.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover{
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: rgba(0,0,0,0.5);
}

3.) Edit the color section, add a background image and then enable the copyright option as you would with the image element.

You have to do the same modification for other elements with image.

Best regards,
Ismael

Hi,

Thanks @guenni007!

In the latest patch, there’s a new feature allowing the lightbox to recognize query parameters so you can add the autoplay attribute without breaking the script.
The following shortcode opens the youtube video inside a lightbox and automatically plays.

[av_button label='Click me' link='manually,https://www.youtube.com/watch?v=2Pw5oGy34g4&autoplay=1' link_target='' size='small' position='center' label_display='' icon_select='yes' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-jkw0c11k' admin_preview_bg='']

Best regards,
Ismael

Hey ginnywills,

Please try this instead:

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

Best regards,
Rikard

Hi,

The body or paragraph font size is set to 14px on desktop and mobile view. Is that what you want? You can use this css code to adjust the font size on mobile view.

@media only screen and (max-width: 767px) {
body, body .avia-tooltip {
    font-size: 13px;
}
}

Best regards,
Ismael

Hi,
Please try this code in the General Styling > Quick CSS field:

li#recent-posts-6 a {
font-size: 12px !important;
font-weight: bolder !important; 
color: #5D1E15 !important;
}

Please adjust the font size, color, & weight to suit.

Best regards,
Mike

Hey,

Please edit your slider – https://kriesi.at/documentation/enfold/easy-slider/, edit your slide and under “Screen Options” tab adjust font sizes – https://i.imgur.com/yvnkAze.png

Regards,
Yigit

Hi,
Thank you for the login, I should explain that the “single small” layout with the image on the left of the article is only available when a sidebar is present, otherwise the image center aligns above the article. So for your blog page and archive (category) page a sidebar is active but hidden.
I saw that the image you choose to use for when a post has no featured image is a transparent white icon that doesn’t show without a background color, so I added light gray to your css, which you can change or remove if you wish.
This is the updated css in your Quick CSS:

#top.archive .sidebar,#top.page-id-344 #main .sidebar {
display: none !important;
width: 0px !important;
}
#top.archive .sidebar_right .container .av-content-small.units,#top.page-id-344 .sidebar_right .container .av-content-small.units {
width: 100% !important;
}

#top.archive .blog-meta a.small-preview,#top.page-id-344 .blog-meta a.small-preview {
 background: url(https://your-site.com/wp-content/uploads/2018/05/marker.png)center center no-repeat; 
background-size: cover;
    background-color: lightgrey;
}
#top.archive .small-preview .iconfont,#top.page-id-344 .small-preview .iconfont {
    display: none !important;
}

Please clear your browser cache and check, and let us know if there are any other adjustments you would like.

Best regards,
Mike

Hi,
To change the archive pages to the single small layout, Try adding this code to the end of your functions.php file in Appearance > Editor:

//change category page layout to blog single small style
add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'single-small';
return $layout;
}

then we will need to add the css style to the archive pages, Try adding this code to the end of your functions.php file in Appearance > Editor:

function archive_single_small_layout_css() {
	 if ( is_archive()) {
  echo '<style>
    #top .blog-meta a.small-preview {
 background: url(https://your-site.com/wp-content/uploads/2018/05/hero-blurred.jpg)center center no-repeat; 
background-size: cover;
}
#top .small-preview .iconfont {
    display: none !important;
}
  </style>';
}
}
add_action('wp_footer', 'archive_single_small_layout_css');

please change the url to suit.

Best regards,
Mike

Hey dnweil,
Please try this css format:

#top .av-main-nav span.avia-menu-text {
font-family: sans-serif !important; 
font-size: 16px !important; 
font-weight: bolder !important; 
color: red !important;
}

If this doesn’t help please include the url to the page in question so we can take a closer look at what rules you are trying to achieve.

Best regards,
Mike

Hey lilijabula,
For the color section background image Please try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { 
.responsive #top h1.av-special-heading-tag {
font-size: 20px !important;
}
.responsive #top #service {
    background-position: top 55px left !important; 
}
.responsive #top #wrap_all #service .container {
    width: 65% !important; 
    margin-left: 5px !important; 
}
}

Please see the screenshot in Private Content area.

Best regards,
Mike

Hey lilijabula,
I see that the font ‘Italianno’, is loading correctly but replacing it with ‘Great Vibes’, seems to load a different font.
I tested this on my localhost which worked correctly.

#top .av-special-heading .av-subheading.av-subheading_below {
font-size: 24px !important;
    font-family: 'Great Vibes', cursive !important; 
}

Can you please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hey OhYa1337,
I took a look at your page and changed the sidebar settings to show a sidebar, for the small single author layout the sidebar must be enabled to show the image to the left of the post.
I also see that you added some custom css to make the images 280px square, but there was an error in the code that I corrected, so it is now working.
To remove the pencil icon and gray background color from the posts with no featured image, you could add this css to your Quick CSS:

#top.page-id-344 .small-preview .iconfont {
    display: none !important;
}
#top.page-id-344 .main_color a.small-preview {
    background: transparent !important;
}

If you would like to have a background image for the posts that have no featured image, try this css:

#top.page-id-344 .blog-meta a.small-preview {
 background: url(https://your-site.com/wp-content/uploads/2018/05/hero-blurred.jpg)center center no-repeat; 
background-size: cover;
}
#top.page-id-344 .small-preview .iconfont {
    display: none !important;
}

just replace the image url with one you would like to use, or replace “your-site.com” with your domain to test with.

Best regards,
Mike