Feature Slider

• 

  technoflexibles · Member · Feb 2, 2018 at 3:57 pm

  • Copy link
  • Add topic to favorites

  Hi there is there a way to:

  1. Make the slider show the whole image not just part of my featured image

  2. Remove the grey fade over the slider

  3. Align my menu at the top so it reads left to right instead of in the center

  Thank you in advance.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Feb 2, 2018 at 11:16 pm

  • Copy link

  Hi,

  1. Make the slider show the whole image not just part of my featured image

  The theme actually creates an image off of your original that will basically fit in the available area, so there isn’t a way for us to recover what the theme has cropped off. The desktop size of that area for the featured slider is 1180 x 250 pixels, which is a width to height ratio of 4.72 to 1. What I would suggest is that you edit and/or create images that are 1180px x 250-300px for the featured images in the featured content you have there and upload and use those. That will minimize the cropping that happens and keep far more of the image. Also keep in mind that the software will center-weight the crop, so keeping the important bits of the image near the center when you prepare them will insure that more of that will show.

  2. Remove the grey fade over the slider

  This will get rid of the grey gradient.

  @media screen and (min-width: 1000px) {
    .hero-content-wrapper::before {
      background: none;
    }
  }
  .hero-content-wrapper:before {
    background: none;
  }

  3. Align my menu at the top so it reads left to right instead of in the center

  This will left-align the menu items.

  @media screen and (min-width: 768px) {
    .main-navigation ul {
      text-align: left;
    }
  }

• 

  morethanroute66 · Member · Feb 3, 2018 at 6:27 am

  • Copy link

  I found if the hero image size is 1180×500 it fills the page nicely.

• 

  technoflexibles · Member · Feb 3, 2018 at 10:05 am

  • Copy link

  Thank you is there also a way to move the primary menu up more toward the header image

• 

  thesacredpath · Member · Feb 4, 2018 at 1:27 am

  • Copy link

  Hi, I noticed that you have hidden the WordPress.com Footer credits. That is only allowed on the Business Plan. Please remove this from your custom CSS.

  .site-info {
   display:none;
  }

  You can go to Customize > Site Identity, scroll to the bottom and choose a different version of the footer credits, such as just “WordPress.com” or “Powered by WordPress.com”.

  You can add this to the custom CSS to get rid of that gap.

  .site-branding {
    display: none;
  }