New Topic

Trying to slide sidebar a bit to the right

Home › Forum › Help › Trying to slide sidebar a bit to the right

This topic contains 6 replies, has 2 voices, and was last updated by  StartupWP 6 years, 3 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #391

    dstoke85
    Participant

    Using the free version. Pretty simple question I imagine but I’ve tinkered with everything and can’t figure it out.

    I’ve got an ad at the bottom of my page that is 728 pixels wide, and the sidebar is overlapping it on pages with short content, so I need to move it over.

    See here: http://www.beercaloriescarbs.com/caloriesinbeer-brewery/beercalories-number/

    Thanks!

    #392

    StartupWP
    Keymaster

    You’ve simply made the content too wide and the padding is too much:

    #content {
    float: left;
    padding: 90px;
    width: 800px;
    }

    Update that to:

    #content {
    float: left;
    padding: 20px;
    width: 728px;
    }

    Also, update:

    #sidebar {
    float: right;
    margin-right: 0;
    width: 20%;
    }

    to:

    #sidebar {
    float: right;
    margin-right: 0;
    padding: 40px 0;
    width: 20%;
    }

    Overall, based on your customizations it seems you’re basically not interested/concerned with mobile use. In that case I would just set your minimum width to 1000px so that it’s simply a static/fixed width design for the best use here with your website.

    #439

    dstoke85
    Participant

    I tried to do it, not sure if I did it in the right place, but it doesn’t look like it worked. Honestly I don’t know a thing about HTML and I realize I’m asking basic HTML questions, so I appreciate you taking the time to help.

    Looks like #content appears 19 times in the style.css file, so I’m not sure which one I’m supposed to be changing.

     

    #440

    StartupWP
    Keymaster

    Actually, we’re working with CSS.

    You should only need to copy and paste the following to your Custom CSS area inside your theme options:

    #content { float: left; padding: 20px; width: 728px; }
    #sidebar { float: right; margin-right: 0; padding: 40px 0; width: 20%; }

    See https://startupwp.com/topic/customizing-your-theme/

    #441

    dstoke85
    Participant

    Can I only do this with the Pro version? I’m using the free version right now and it’s telling me I need Pro to access advanced editing capabilities.

    #442

    dstoke85
    Participant

    Nevermind I figured it out. Thanks for your help!

    #444

    StartupWP
    Keymaster

    Sorry, missed that part. For free, it’s a little more complicated. You’ll need to setup a child theme:

    https://startupwp.com/topic/child-theming/

    But, in pro as already indicated, you can use a convenient Custom CSS area within the theme options without all the extra work.

    Either way, you’ll want to use one of these methods instead of manually editing the stylesheet for example, otherwise those edits will be overwritten and lost upon upgrading (everytime).

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.