Hi WorldinColor,

I think we can use Custom CSS Class for that, please do the following steps.
1. Put the image and title/content inside a Color Section, then edit the Color Section, go to Advanced > Developer Settings > put my-content-section in the Custom CSS Class field.
2. Go to Enfold > General Styling > Quick CSS, then add this CSS code:

.my-content-section .container {
    max-width: 900px;
}

Just adjust the width as you see fit.
If you need to re-use it, just repeat step 1 only.

Best regards,
Nikko

Hi M-Graphics24,

I see, if the changes are made in Theme Options and not reflecting then you can try to go to Enfold > Performance > enable Show Advanced Options > set Unique Timestamp Of Merged Files And WP Object Cache Bug to Fix WP bug, add unique timestamps.

However, that does not seem to be the case on your end, the only possible reason I can think of is a caching plugin that caches contents is causing it or some built-in internal caching by the server.

Best regards,
Nikko

Hi nebuddlho,

We will close this thread then.
Just open up a new if you will need assistance :)

Best regards,
Nikko

Hi WorldinColor,

The only global option we have to change the width is the one you mentioned which is Maximum Container Width in General Layout.
However, I think what you want is a boxed layout, which you can set in General Layout > Layout (tab) > Stretched Or Boxed Layout, then set this to Boxed layout.
Hope it helps.

Best regards,
Nikko

Hi keep12,

I’m glad that Ismael could help you :)
Just let us know if you still need further assistance.

Best regards,
Nikko

Hi CharlieTh,

The extra element seems to be moved from left to right already.

As for making the top bar taller, using the CSS code:

#header_meta .container {
    padding: 15px 0;
}

is fine, but you’ll need to add this code as well:

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 120px;
}

The original value was 90px but since you added top and bottom padding of 15px which is 30px overall, then you’ll have to set the value to 120px (90px + 30px).
Hope this helps.

Best regards,
Nikko

Hi havi,

The screenshot image does not seem to exist, can you try to re-upload it?

Best regards,
Nikko

Hi Dave,

Can you try this code:

function product_excerpt_length($excerpt, $post) {
	$excerpt_length = 10;
	
	if ($post->post_type === 'product') {
		$excerpt = explode(' ', $excerpt);
		$excerpt = implode(' ', array_slice($excerpt, 0, $excerpt_length));
	}
	
	return $excerpt;
}

add_filter('get_the_excerpt', 'product_excerpt_length', 10, 2);

Just change the $excerpt_length value, which is the number of words that should appear in maximum.

Best regards,
Nikko

Hi vantagepointmg,

This was the code that was responsible for the size:

.logo img,
.logo svg {
height:160%;
max-height:240px !important
}

To fix it, please try adding this CSS code as well:

@media only screen and (max-width:767px) {
  #top #header_meta {
    padding-top: 10px;
  }

  #top #header_meta .sub_menu .menu-item {
    margin-bottom: 12px;
  }

  #top #header_meta .sub_menu * {
    font-size: 14px;
  }

  #top #header_meta #menu-item-130, 
  #top #header_meta #menu-item-131 {
    text-indent: -999em;
  }

  #top #header_meta #menu-item-130 img, 
  #top #header_meta #menu-item-131 img {
    position: absolute;
    top: 0;
    left: 0;
  }

  #top #header .av-burger-menu-main a {
    max-height: 80px;
    line-height: 80px !important;
  }

  .logo img, 
  .logo svg {
    max-height: 80px !important;
  }
}

Best regards,
Nikko

Hi agavinho,

The Slideshow Autorotation option should have a Yes and No option, please try to select Yes.

Best regards,
Nikko

Hi daves1997,

The 1st one seems to be fixed already when I checked it.
The 2nd one had no Menu Bar Background Color because Header visibility and transparency is set to Transparent Header with border

Best regards,
Nikko

Hi zergintr,

To assist you further, please provide us with your login credentials by following these steps:

1. Install and activate the “Temporary Login Without Password” plugin. You can find it here.
2. Once activated, navigate to “Users > Temporary Logins” in the left-side menu.
3. Click on “Create New” to generate a temporary login.
4. Enter the email address for the account (you can use (Email address hidden if logged out) ) and select the highest possible role. Set the expiry date to around four days to ensure enough time for debugging.
5. Click “Submit” to create the temporary account.
6. In the private section, provide us with the URL that allows us to access the temporary login and assist you.

Please note that once your issue is resolved, you can remove the plugin. Alternatively, if you prefer not to use the plugin, you can manually create an admin user and share the login credentials in the “private data” field.

If you have any further questions or concerns, please let us know.

Best regards,
Nikko

Hi mirr,

Please go to Enfold > General Styling > Quick CSS, then add this CSS code:

#top .avia-content-slider .slide-image {
    background-color: transparent;
}

Hope it helps.

Best regards,
Nikko

Hi Maggie,

Thanks for giving us admin access.
I have added this CSS code in Quick CSS to remove it:

#top .blog-author,
#top .post-meta-infos > .text-sep:nth-last-child(2) {
    display: none;
}

If there are still areas that the author’s name is appearing, please post the link.

Best regards,
Nikko

Hi Petra,

I can’t seem to see the issue on my end, is it fixed?
If not, please try to add this CSS code in Enfold > General Styling > Quick CSS:

.html_av-overlay-side #top #wrap_all #header .av-burger-overlay-scroll #av-burger-menu-ul li:hover a {
    color: inherit;
}

.html_av-overlay-side #top #wrap_all #header .av-burger-overlay-scroll #av-burger-menu-ul li a:hover {
    color: #8ca9d3;
}

Best regards,
Nikko