Hi ya,
I had some modifications done with your friendly and competent support on the theme for my customers.
However, when I scroll down the page, the logo jumps as you can see when trying. Also the main menu color is black when all the way up, when scrolling down it changes to the right color: #574b41
How would I stop the logo from jumping and how would the menu have the color #574b41 for good?
Could you help please?
My styles.css :

/*
Theme Name: PLP Enfold Child
Description: Enfold Child
Version: 1.0
Author: Stefan B.
Author URI: http://kriesi.at
Template: enfold
*/

#top .av_header_glassy.av_header_transparency .social_bookmarks li, #top .av_header_glassy.av_header_transparency .social_bookmarks li a {
    border-color: rgba(255,255,255,0.25);
    color: #574b41;
}

#top .av_header_transparency #header_meta {
    background: #ffffff;
    box-shadow: none;
    border-bottom: 1px solid rgba(255,255,255,0.25);
}

#top .av_header_glassy.av_header_transparency .header_bg {
    background-color: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

#top .fullsize .template-blog .post .entry-content-wrapper > *,#top .fullsize .template-blog .post .entry-content-wrapper {
    max-width: 1300px;
}

.header_color .header_bg {
  background-color: #e1f5f4;
  font-size: 18px !important;
  color: #574b41 !important;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* CSS - Widget border */

span.news-thumb {
  display:none !important;
}

.hr.hr-short.hr-center.side-bar {
margin: 0px !important;
}
.hr-short.side-bar .hr-inner {
    width: 90% !important; 
    left: 15% !important; 
}

#menu-item-search {
display: none;
}

@media only screen and (min-width: 768px) {
   .av_secondary_right .sub_menu {
      padding-right: 160px;
  }
}
  .av_phone_active_left .phone-info {
      position: absolute;
      right: 0;
      float: none;
      padding: 0;
  }
  .av_phone_active_left .phone-info #searchform #searchsubmit {
      font-size: 13px;
      width: 30px;
      line-height: 30px;
  }
  #top .av_minimal_header #s {
      padding: 9px 47px 9px 7px;
  }

#top .isotope-item {
padding-right: 5px;
}

.news-time { display: none; }

.plp-phone .iconbox_icon:before { visibility: hidden !important; }
.plp-phone .iconbox_icon { background: url(https://dev.plp-group.com/wp-content/uploads/2018/09/phone.png) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; }

.sidebar, .sidebar_right {
   min-height: calc(100vh - 250px)!important;
}

and my quick .css:

/*iconbox start */

.plp-iconbox {
position: relative;
background-image: url('https://dev.plp-group.com/wp-content/uploads/2018/09/arrowbox.png')!important;
  height: 181px; 
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;
font-size: 10px !important;
}
.main_color.iconbox_top .iconbox_content {
background-color: transparent!important;
box-shadow:none!important;

}

.clickme:hover {
cursor: pointer;
}

.plp-iconbox:hover {
background-image: url('http://dev.plp-group.com/wp-content/uploads/2018/09/arrowbox_mo.png')!important;
  height: 181px; 
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;
}

#after_full_slider_1 .iconbox_top .iconbox_icon {
    top: 15px;
}
#after_full_slider_1 .iconbox_top .iconbox_content {
    padding: 80px 20px 20px 20px;
}

.plp_noiconbox  {
position: relative;
background-image: url('http://dev.plp-group.com/wp-content/uploads/2018/09/arrowbox_wd-1.png')!important;
  height: 190px !important; 
  width: 347px !important;
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;
font-size: 10px !important;
}
.plp_noiconboxact  {
position: relative;
background-image: url('http://dev.plp-group.com/wp-content/uploads/2018/09/arrowbox_wd_act.png')!important;
  height: 190px !important; 
  width: 347px !important;
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;
font-size: 10px !important;
}

.plp_noiconbox:hover {
background-image: url('http://dev.plp-group.com/wp-content/uploads/2018/09/arrowbox_wd_mo-1.png')!important;
  height: 190px !important; 
  width: 347px !important;
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;
font-size: 10px !important;
}
#top.page-id-234 .iconbox_top .iconbox_icon {
  display: none;
}
.page-id-494 .iconbox_top .iconbox_icon, .page-id-234 .iconbox_top .iconbox_icon, .page-id-502 .iconbox_top .iconbox_icon, .page-id-510 .iconbox_top .iconbox_icon {
    display: none;
}

.clickme:hover {
cursor: pointer;

}

.plp_noiconboxm {
background-image: url('http://dev.plp-group.com/wp-content/uploads/2018/09/arrowbox_wd_mo.png')!important;
  height: 190px !important; 
  width: 347px !important;
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;

}

.plp_noiconboxv {
background-image: url('http://dev.plp-group.com/wp-content/uploads/2018/09/arrowbox_wd_mo.png')!important;
  height: 190px !important; 
  width: 347px !important;
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;
}
.plp_noiconboxp {
background-image: url('http://dev.plp-group.com/wp-content/uploads/2018/09/arrowbox_wd_mo.png')!important;
  height: 190px !important; 
  width: 347px !important;
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;
}

h3.iconbox_content_title {
font-size: 16px!important;
}

/*iconbox end */

#top #avia-menu > li > a:hover {
    background: transparent !important;
    text-decoration: underline;
}

#top #avia-menu > li > a:hover span.avia-menu-text {
    color: #574b41 !important;
}

.sidebar_tab .tab_titles {
    max-width: 250px;
}
.js_active .tab {
  font-size: 1em;
}
.sidebar_tab .tab_content {
    min-height: 100px !important;

}

/*accordion start*/

.aviaccordion-active-slide .aviaccordion-preview { width: 100% !important; }
h3.aviaccordion-title {
  color: #584b42!important;
background-color: #e1f5f4;
}

#top .aviaccordion-excerpt {
color: #ffffff!important;
margin-left: 120%!important;
width: 300px!important;
}

#top .aviaccordion-title {
color: #584b42!important;
margin-top: 50%!important;
}
/*accordion end*/

I can’t spot the black…?!? …and yes I will combine them in styles.css, when I’m done editing.
Thanks for all the help!
Stefan

• This topic was modified 7 years, 6 months ago by Rikard.

Hi,
After updating Enfold to the latest version, the thumbnails on single post pages are appearing stretched and blurry. Before the update, the featured image would display at 100% of what ever the image size is.

This only seems to be happening to featured images. Thumbnails in other areas of the site are working normally.
I have searched for solutions here in the forum but the ones I have found are woocommerce related, but woocommerce is not installed on this site.

I think this is happening because the featured image setting is : featured: 1500×430 pixels (cropped to fit).
How can I make it so that the thumbnails displayed are set at 100% of the original image dimensions instead of stretching them?

Thank you.