Hey mcraig77,

Add the following to quick css:

#top .av_header_transparency #header_meta {
    color: red!important;
}

#top .av_header_transparency #header_meta .container ul.noLightbox.social_bookmarks.icon_count_2 {
    color: red!important;
}

Of course change the color to what you need.

Best regards,
Jordan Shannon

Hey mcraig77,

Trya adding the following to quick css:

#top #wrap_all .av_header_transparency .main_menu ul:first-child > li.menu-item-avia-special > a{
color:red!important;
}

Edit the color to whatever you need.

Best regards,
Jordan Shannon

Hi,

Please see the following thread. You may have to make the update and then regenerate the thumbnails:

https://kriesi.at/support/topic/entry_with_sidebar-dimensions-wont-take/

Best regards,
Jordan Shannon

Hi,

I updated John’s code above in quick css and it seems to be working fine:

I replaced this:

li.menu-item a

With this:

.menu.av-main-nav .menu-item-top-level

Best regards,
Jordan Shannon

Hi,

To add your own fonts please check this link https://kriesi.at/support/topic/own-custom-font/#post-733898

Adding the font family to the “p” tag should work for menu items unless you have another font specified for it. In that case please add the below CSS

.menu-item .avia-menu-text {
 font-family: 'YOUR-FONT-NAME'!important;
 font-size: 18px;
}

Best regards,
Vinay

Hi,

As you have menu items with different sizes, you could use the CSS to make the background style instead the images because the image haven`t the correct width for some items.

Try adding this custom CSS code at Enfold Theme Options > General Styling > Quick CSS

li.menu-item a {
   border-radius: 60px 60px 60px 60px;
  -moz-border-radius: 60px 60px 60px 60px;
  -webkit-border-radius: 60px 60px 60px 60px;
  background: rgba(183,222,237,1);
background: -moz-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,222,237,1)), color-stop(50%, rgba(113,206,239,1)), color-stop(51%, rgba(33,180,226,1)), color-stop(100%, rgba(183,222,237,1)));
background: -webkit-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%);
background: -o-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%);
background: -ms-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%);
background: linear-gradient(to bottom, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed', GradientType=0 );

}

You can change the gradient settings using this Gradient generator: http://www.cssmatic.com/gradient-generator#’\-moz\-linear\-gradient

Best regards,
John Torvik

Hi Heiko,

If you need your slider be pixel-perfect on such big screens, you have to prepare appropriate images, hi res, hi quality, retina-ready. And of course, images look different on different screens, they might have different color profiles, different settings for brightness and contrast.
Maybe, you should also try fixed size slider, just of a big size, will be normal on laptop, and on huge desktops will stay at a certain size and image will not dilute so much.

If you need further assistance please let us know.
Best regards,
Victoria

Hi ckoudela,

Since you’ve chosen in Blog Style to make custom blog page, you have to make the same for category.

You have to add excerpts to your posts, then they might show instead of the whole post. Also here is how you can make custom template for category.

Here are a few useful links for our forum:
https://kriesi.at/support/topic/category-archive-page-change-layout-to-show-excerpt/
https://kriesi.at/support/topic/category-page-and-layout-builder/

Best regards,
Victoria

Hi euristica,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.avia-caption {
    top: 150px;
}

If you need further assistance please let us know.
Best regards,
Victoria

Hi Jan,

On the home page in front-end I see top slider, some text, product masonry and posts grid, these are the elements I see in Advanced Layout Builder. I do not see any extra or missing element. Please help me out here. Where can I see the masonry, that is not showing on your website?

Best regards,
Victoria

Hi Jan,

I activated the lightbox linking and it shows now, the issue has been reported already and another solution is given here https://kriesi.at/support/topic/masonry-gallery-not-working-2-2/#post-771510.

If you need further assistance please let us know.
Best regards,
Victoria