Home>Support>Primary and secondary width

Primary and secondary width

By artvaz, 10 years ago. Last reply by Magus, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

How can I make the secondary area be at the right of the post, and not at the bottom, if you take a look on:

http://qpuntto.com/mi-vida-por-una-de-chorizo/

I´ve tried the following code:

 

#secondary {
  width: 35% !important;
}
#primary {
  width: 65% !important;
}

It works but it affects all the pages at a width of 65%, so I decided to remove the #primary´s code, is there a way of doing it just when having a secondary area (side widget)???

URL: http://qpuntto.com/mi-vida-por-una-de-chorizo/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 25 days ago Magus
    Hi, I Work Here

    Hi Artvaz

    Please try the following

    body.has-sidebar #primary {
        width: 65%;
    }
    

    Let us know how you get on

    Magus

  2. 10 years, 25 days ago artvaz

    Magus, it affected my home page take a look

    http://qpuntto.com/tolucaymetepec/

    and thats exactly what I dont want it to do

  3. 10 years, 25 days ago Magus
    Hi, I Work Here

    Hi Artvaz

    Please change the CSS to

    #primary {    width: 60.049%;}

    The reason it was not working when you originally tried it was because of the !important attribute. It was overriding the default page behaviour for full content pages.

    Magus

  4. 10 years, 25 days ago Magus
    Hi, I Work Here

    Hi Artvaz

    Please also add the following to stop the CSS from being overridden when using a standard page template

    .page-template-default #primary {
      width: 60.049%;
    }
    

    Please note that the size does not add up to 100%. This is by design and should be used to prevent any potential overlaps in the columns.

    Magus

  5. 10 years, 24 days ago artvaz

    I added both and it worked!!! thanks

  6. 10 years, 24 days ago Magus
    Hi, I Work Here

    Perfect :)

    Let us know if you need any more help

    Magus

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More