Yes – assuming you’re using a header.php file in your child theme?
If so, change the code to add a div around the slider code:
<div id="sliderdiv">
PUT THE SLIDER CODE IN HERE
</div>
Then add to your style.css file:
#sliderdiv {
float: right;
width: 50%;
}
Above is a rough start – see if that gets you going on it.
I guess I wasn’t clear, sorry about that! The wowslider in the header is fine, there is a 2nd wowslider at the bottom of the page http://nolagoodeats.com/private-parties that is a fade effect. I would like to have it next to the text. Thank you!!
Ah, okay, sorry about that. So try putting the Wow Slider code in above your text on that page and adding “float: right;” to the slider’s CSS:
#wowslider-container15 {
border: medium none;
margin: 0 auto;
max-width: 150px;
position: relative;
text-align: left;
z-index: 90;
float: right;
}
If that doesn’t seem to work, can you post the code for that content – use the code buttons to post it here.
That seems to have worked! Thank you so much, I’m also putting together a (currently hidden) page for another site, this will help me greatly!!
If I could ask one more thing… I know it should be intuitive, but if I want it on the left instead I simply change text-align: left to right and float right to left, correct?
No problem – that’s why we’re here :). Just changing the float to “float: left;” should do it.
To add some space, add a margin to it:
#wowslider-container15 {
border: medium none;
margin: 0 0 0 20px;
max-width: 150px;
position: relative;
text-align: left;
z-index: 90;
float: left;
}
got it! thanks again! Used
#wowslider-container15 {
border: medium none;
padding: 20px;
max-width: 150px;
position: relative;
text-align: right;
z-index: 90;
float: left;
}
