WordPress.org

Ready to get started?Download WordPress

Forums

Sidebar appearing in content instead of right side (8 posts)

  1. notyourstar
    Member
    Posted 1 year ago #

    Hi everyone,

    I added a sidebar to my theme, but it's appear as content and not as a sidebar. How can I fix this?

    Thanks!

    Site: http://heartless-ink.com/social/

  2. Good Guy
    Member
    Posted 1 year ago #

    You need to contact the theme maker because we don't have access to premium themes.

    Good luck.

  3. notyourstar
    Member
    Posted 1 year ago #

    Oh, too bad! I'm using a free theme and have access to all the css/php files so let me know if anyone can lend a hand!

  4. Good Guy
    Member
    Posted 1 year ago #

    It is not free. I went to this link and it wants me to pay:

    http://www.inkthemes.com/wp-themes/colorway-wp-theme/

    Your About page hasn't got any sidebars AFAICS but other pages have the side bar on the right-side of the window.

  5. notyourstar
    Member
    Posted 1 year ago #

    Ah, thank you. I'm using Colorway Lite. The other pages are using a different template. I like the graphic squares and banner on the home page template, which is why I'm trying to add a sidebar there instead of switching to the other template that all the other pages are using.

  6. Mayeenul Islam
    Member
    Posted 1 year ago #

    Your homepage layout is a full-width layout. So the widget area in CSS is designed to view in the middle as a content.
    If you want to show the sidebar on the right [as in other pages] then you have to edit your left portion to less the width to fit the sidebar on the right. It's completely a CSS work.

  7. sasmitainfo
    Member
    Posted 1 year ago #

    HI Mayeenul is right u need to work bit in theme css.

    you can do following changes to your themes/colorway/style.css

    you just need to add
    1. TAKE A BACKUP OF style.css important
    2. search for " .content-wrapper .content-info "
    3. add
    float: right;
    width: 300px;
    4.it will look like
    .content-wrapper .content-info {
    margin-bottom: 20px;
    float: right;
    width: 300px;
    }

    5. update the css

  8. notyourstar
    Member
    Posted 1 year ago #

    Thanks sasmitainfo! It appears on the right side now. It moved some of the boxes out of order but I'll play with it to see if I can put it back!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags