WordPress.org

Ready to get started?Download WordPress

Forums

Arras : Changing colum width (13 posts)

  1. James1985
    Member
    Posted 2 years ago #

    Hello

    I am using the arras theme

    I am trying to get the right hand column of my site to 500 px so it doesn't overlap with the left hand column.

    Here is my site
    http://birminghamairportparking.uk.com/

    Can anyone tell me which file and value I need to tweak please?

  2. alchymyth
    Forum Moderator
    Posted 2 years ago #

    try to add something like this to user.css:

    #content { width: 530px; margin-left: 440px; }

  3. James1985
    Member
    Posted 2 years ago #

    Hi alchymyth

    Where about's should I add this in? just at the top of the user.css?

    I have added it in at the top of the user.css the top few lines now look like this:

    /* import base CSS style */
    @import '../base.css';

    /* globals */
    body { background-color: #F0F0F0; color: #333; font: 12px 'Lucida Grande',Arial,Helvetica,sans-serif;}
    #content { width: 530px; margin-left: 440px; }
    a, a:link, a:visited { color: #313428; text-decoration: none; }
    a:hover { color: #CC0000; }

    It hasn't done anything? Any other ideas?

  4. James1985
    Member
    Posted 2 years ago #

    Please do take a look at my site it may show my current problem still:

    http://birminghamairportparking.uk.com/

  5. alchymyth
    Forum Moderator
    Posted 2 years ago #

    there are two user.css in your site; by law (Murphy's Law that is) you have edited the 'wrong' one ( /wp-content/themes/arras/css/styles/user.css);

    look for /wp-content/themes/arras/user.css and add the suggested style there.

  6. James1985
    Member
    Posted 2 years ago #

    Hi there.

    Thanks for yor help - still need ome direction here. Im confused on the need for both css files.

    I can see I have 2 .css files.

    I have tried uploading the below into the css file to suggested:
    #content { width: 530px; margin-left: 440px; }

    However the colunm hasnt adjusted in width?

    Should I delete the core user.css file of does it serve a purpose also whats the purpose of /wp-content/themes/arras/user.css when I have another css file im working from in the css folder?

  7. James1985
    Member
    Posted 2 years ago #

    scrapt that it has worked thank you!

  8. James1985
    Member
    Posted 2 years ago #

    Im still unsure of th purpose of this file: /wp-content/themes/arras/user.css

  9. alchymyth
    Forum Moderator
    Posted 2 years ago #

    Im confused on the need for both css files.

    I don't know the theme good enough, so I can't comment.

    However the colunm hasnt adjusted in width?

    press 'CTRL F5' to clear the browser cache - I see the new width when viewing your site.

  10. James1985
    Member
    Posted 2 years ago #

    thank you its worked (this guy is awesome).

    OK but what is the purpose of the /wp-content/themes/arras/user.css file

    Thank you.

  11. alchymyth
    Forum Moderator
    Posted 2 years ago #

    OK but what is the purpose of the /wp-content/themes/arras/user.css file

    the purpose is what the comment at the top of that file says:
    '/* This CSS file is created for you to create or override any of the existing CSS styles used in this theme */'

    this should keep easier track of edits, rather than editing inside the other stylesheets.

    (the other user.css seems to be the main stylesheet for the theme, but, as some theme options are loading other stylesheets after that one, for instance 2c-l-fixed.css, it is not best suited to make edits)

  12. James1985
    Member
    Posted 2 years ago #

    Thanks alchymyth

    Can you see how I can adjust the slideshow picture size to fit in my image properly.

    I think it is because the css is set to 600 width for the slide show. However the image is only 515 wide.

    What part of the css do i need to adjust? and should I place this in the over ride css file below?

    /wp-content/themes/arras/user.css file

  13. James1985
    Member
    Posted 2 years ago #

    Scrap that. Its in arras options > thumbnails.

    Could see a hard to hard code it in to the css though... Do you know out of interest?

Topic Closed

This topic has been closed to new replies.

About this Topic