WordPress.org

Ready to get started?Download WordPress

Forums

Custom Community
[resolved] set margins for white space (12 posts)

  1. staceyd
    Member
    Posted 1 year ago #

    if I purchase full version does it allow me to set margins? this looks terrible

  2. staceyd
    Member
    Posted 1 year ago #

  3. konradS
    Member
    Posted 1 year ago #

    @staceyd i can just see an error 404..

    ** no premium version does not allow you to set a specific margin via an extra option.. you can make it via custom CSS though **

  4. staceyd
    Member
    Posted 1 year ago #

    margin-right:200px;
    margin-left:200px;

    KonradS Thanks for the respond... I used the above in the css and can't see that it made a difference. What did I do wrong?

    I had to take the site down until it's ready to go live.

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Make sure your CSS is valid:

    http://jigsaw.w3.org/css-validator/

    A tool like firebug is also useful to see what CSS is working and what is not - http://getfirebug.com

  6. konradS
    Member
    Posted 1 year ago #

    @staceyd

    did you just write this?

    margin-right:200px;
    margin-left:200px;

    you need to have a selector around, WHAT to change..

    for example to get more content padding it should be something like:

    div#content div.padder {
    margin: 30px 20px 20px 20px;
    }

    that should give some more whitespacing inside the content..

    -> what exactly would you like to change?

    -> can you upload a screenshot with some markers or so?

    -> and a link to your site maybe?

    that would help A LOT.

    thanks, konrad

  7. staceyd
    Member
    Posted 1 year ago #

    Thanks so much!!! That worked!

    How would I do this for the menu bar and the header as well?

    Took a screen shot but have no idea how to paste it in.

    thanks again for your help Konrad.

  8. konradS
    Member
    Posted 1 year ago #

    Hi staceyd,

    you mean the header main menu or the top header menu?

    try out this and modify:

    div#access a { padding: 10px 20px; }

    for the header try

    div#header { padding: 20px; }

    hope this helps, konrad

    p.s. if you have it online post a link, this should help a lot.
    a screenshot you could upload somewhere and post the link here ;)

  9. staceyd
    Member
    Posted 1 year ago #

    great.. both nav bar and logo shifted right using

    div#header { padding: 20px; }

    can you write for me to make the right hand side shift in as well.

    look at ozmint.com

  10. staceyd
    Member
    Posted 1 year ago #

    oh just realized this just made it 20 px wider. not shifted in. Is there a way to actually move it over right and keep the same width on the site?

  11. staceyd
    Member
    Posted 1 year ago #

    basically I want there to ba margins from top to bottom.
    from the header, container, etc.

  12. staceyd
    Member
    Posted 1 year ago #

    used these and it worked. Konrad, could not have done it without you. LEARNING!!!

    #content .padder {margin: 10px 5%}
    
    div#header { margin: 10px 5% }

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.