March 16, 2013 at 4:09 pm #28329
Hello, Im having another problem. I have a image that is Right Aligned, but its falling off the page. The margin on the left is wide, and the right is acting like it is no existent.
How can I get the image to show up on the page and not get cut off, and adjust the margins so they are equal 5px on each side?
Thank youMarch 17, 2013 at 1:13 am #28485
Try adding this to the bottom of your custom style.css
That will move the whole page over to the left and will also fix the right hand side image issue for you.
PinkyMarch 17, 2013 at 1:24 am #28491
oh and then you’ll need to move the top part over so give this a try:
Around the content to the right of the logo – put a div like this:
<div id="healthyheadline"> image here
Hello Healthy Food Lover,
How amazing would it be to walk into your kitchen each
morning to find it power- stocked with energizing whole
foods, healthfully cleaned with non-toxic cleaners and
highly organized for easy access? Three areas to fully
support your wellness journey to fabulous health and
a positive lifestyle!
Sounds wonderful, right? Well, today you can start the
conversation to take back your kitchen with The Ultimate
Kitchen Detox for Healthy Food Lovers!
Then a little bit of css magic…
Give that a shot and see how it goes… but don’t forget to take a backup of your files before you play around with them lol.
PinkyMarch 17, 2013 at 3:33 pm #28677
Thank you! The image is still hitting the edge of the right. Can I move it over a bit more?March 17, 2013 at 5:12 pm #28692
Add this to your style.css :
I’ve added margin-top so it moves it down a touch and lines up with the bullet points rather than the headline, if you don’t want that just remove the line margin-top: 45px;
If you want to move it around more – just play with the margin-right number
PinkyMarch 18, 2013 at 4:02 pm #29176
Hi Pinky, thanks, but its not moving at all. I wonder if it is due to prose settings in Design? Any suggestions?March 18, 2013 at 4:59 pm #29206
Ok let’s try another approach… add this to your style.css
And that should absolutely do the trick – it’s css JUST for that one image.
Lemmee know how ya go!
You must be logged in to reply to this topic.