I did note a reply to Post 75 which gave this advice about centering the slideshow:
I do see that in the includes/templates/YOUR_Template/templates/css/index_home.css file.I will assume that you want to center the slider. Edit index_home.css at line 93 and change to margin: 0 auto;
This is how that block should look like:
Code:
.theme-default .nivoSlider {
position:relative;
background:#fff url("../images/loading.gif") no-repeat 50% 50%;
margin: 0 auto;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
However, the line 93 states not just "margin," but rather "margin-bottom:50px;"
In my .css file, farther down, at lines 109 to 113, it says:
It seems like centering left to right should be controlled by the "margin-left:-40px;" code, especially given the comment: "Tweek this to center bullets." I'm not centering bullets, just the slider, but I don't think the margin-bottom is safe to play with..theme-default .nivo-controlNav {
position:absolute;
left:50%;
bottom:-42px;
margin-left:-40px; /* Tweak this to center bullets */
I suppose I should just try to change line 93 to see what happens, and perhaps I will summon the courage or effort to do so, but if someone could explain why it is safe to take out the "-bottom" and make the changes discussed as to line 93, I would be able to understand what is happening better.
Thanks for any CSS assistance by way of explanation.
Notageek


Reply With Quote
