I am attempting to set up this site here via wordpress, and I'm quite a beginner with CSS, and so it's a bit of a crawl for me. I'd appreciate any help from you masters ^_^
More than likely you will need to add a left margin to either the main ul or it's child li's. Can't give you an exact number, or even help you target the ul by class/id since I'd need to see your actual code. Any chance of getting a live/dev url of the site so we can check it out?
the left margin isn't working because it would need to be larger than the image is wide. The margin is working from the left edge - not the float. You could do a number of things here, but I think the easiest would be to place a right margin on the floating image.
I am attempting to set up this site here via wordpress, and I'm quite a beginner with CSS, and so it's a bit of a crawl for me. I'd appreciate any help from you masters ^_^
So here's a screenshot of the layout: http://screencast.com/t/ntDT5R23A
I was hoping to move that featured list a bit to the right cos it's overlapping the image border. How should I do that?
Some thoughts and questions - the image there is floated to the left - at #featured li {margin-left: say 50px;} isn't working.. Why?
post it in codepen.io with your html and css
More than likely you will need to add a left margin to either the main ul or it's child li's. Can't give you an exact number, or even help you target the ul by class/id since I'd need to see your actual code. Any chance of getting a live/dev url of the site so we can check it out?
the left margin isn't working because it would need to be larger than the image is wide. The margin is working from the left edge - not the float. You could do a number of things here, but I think the easiest would be to place a right margin on the floating image.