Oh and I’d also like to move the content up so that there is an equal border at the top, left and right.
The only thing that is not centered is the portfolio slideshow — you can do that by changing the margins to this in the following CSS:
.portfolio-slideshow {
clear: both;
margin: 10px auto;
z-index: 1 !important;
}
The above is in the portfolio-slideshow.min.css file.
To move it up,change the margin in this (in style.css) to zero:
#header-image {
margin-bottom: 20px;
}
Wow, you are a superstar! It’s worked for both, thanks!
How do I now align the ‘Pause Previous Next’ copy to the new position of the slideshow? Also, my 3 columns underneath the slideshow are not centered?
The page ‘work’ contains thumbnails which are also off centre.
Thanks for your help. Susie
Hi WPyogi,
I’d like to align the ‘pause previous next’ links directly under my slideshow. I can see I need to change something in the following code I found in the portfolio-slideshow.min.css file and have played around changing lots of the figures but nothing works. Can you help me out please?
slideshow-nav{margin-top:5px; overflow:visible;line-height:15px;height:17px}.slideshow-wrapper a.hide{display:none}.slideshow-wrapper a.hide.active{display:inline-block}
.pager{clear:both}.slideshow-nav a{text-decoration:none;color:#444}.slideshow-nav a:hover,.slideshow-nav a:focus{text-decoration:underline}.slideshow-nav a.pause,.slideshow-nav a.play,.slideshow-nav a.restart,.slideshow-nav a.new{margin:0 15px 0 0}.slideshow-nav a.slideshow-prev{margin:0 10px 0 0}.slideshow-nav a.slideshow-next{margin:0 20px 0 10px}.slideshow-wrapper .not-first{display:none}
Try adding a margin-left: 390px; to this (line 2 of that stylesheet):
.slideshow-nav {
height: 17px;
line-height: 15px;
margin-left: 400px;
overflow: visible;
}
You might need to adjust the margin size so it’s centered the way you want.
YOU ARE A GENIUS!!! Thank you very much, I’m always blown away by how you guys know your stuff! 🙂
Can you point me in the right direction to get the text below the slideshow to align with the slideshow? I’ve tried adding a margin-left: 20px; to various places I think are right in style.css, mainly to /* Posts */ but haven’t struck lucky!
