Need CSS margin help

  • [Moderator note: In future please don’t uppercase your sentences]

    Hey,

    Im really embarrassed to ask this as im sure it really simple, but I just need some help, so any advice if much appreciated! I am a novice and will need your help in the simplest terms possible, thank you very much.

    Locketclothing.com

    There are two issues:

    1. The margins of all the pages need to be ajusted, and im sturggling with how to do this, as I am a complete novice. I need the pages centred with equal margins either side. I also wanted the page to be 4 images wide.

    2. The text on the products page, as you can see it is in a very narrow column down the page, I need to adjust this. The same applies for the ‘About’ page.

    Any help is a lifeline, Thank you!

    Bruce

Viewing 2 replies - 1 through 2 (of 2 total)

  • Read up on CSS.

    Then get yourself either a child theme or a plugin that allows you to modify the stylesheet (https://www.ads-software.com/plugins/search.php?q=custom+css&sort= – find one that’s well rated and up-to-date) and start to create your own custom styles.

    Looking at your existing stylesheet, you probably want to do something like this:

    #single-content{
min-width:300px;
max-width:1024px;
margin:0 auto;
}

    Min-width is the minimum width the id=”single-content” (that’s what #single-content means in CSS) will collapse down to. Max-width should be pretty obvious. Margin is set to 0 on top and bottom and ‘auto’ on left and right. This forces the div to be centered in the window (if the div has a width or max-width specified).

    Hope this helps.

    Thread Starter bruceyboy

    (@bruceyboy)

    Okay thank you, I’ll have a go at that.

    All the best,

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Need CSS margin help’ is closed to new replies.