Enlarge Slideshow

• 

  diamondhelix · Member · Jan 27, 2017 at 7:15 am

  • Copy link
  • Add topic to favorites

  Hello :)

  I would like to enlarge my slideshow in this page :
  https://diamondhelix.com/creations/

  i want to have every pictures in slideshow bigger size , the same that header picture please :(.

  What can i do

  Have a nice Day

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

• 

  thesacredpath · Member · Jan 29, 2017 at 12:54 am

  • Copy link

  Hi there, for the header image, give the following a try, which takes the image full width of the white main section.

  .site-header .wrap, .site-header .site-branding a {
  	margin-left: 0 !important;
  	margin-right: 0 !important;
  }
  .site-header .header-image {
  	width: 100%;
  }
  .site-header .main-navigation {
  	margin-left: 60px;
  	margin-right: 60px;
  	width: auto;
  }

• 

  thesacredpath · Member · Jan 29, 2017 at 1:00 am

  • Copy link

  For the slideshows, I see you have the following in your custom CSS.

  #primary {
  	max-width:22000px !important
  }

  I would suggest against setting a width on an element wider than the widest element in the page (22000px). It can in some instances cause some things to go awry in a big way. When checking your site, I noticed a few elements that were way off the screen on the right although it didn’t visually mess things up.

  Let’s change it to the following, which will work better and keep things working properly on all screen sizes and not cause possible awry-ness. :)

  .no-sidebar #primary {
  	max-width:100%;
  	width: 100%;
  }