Support » Themes and Templates » Change custom page layout using CSS

  • OMWpack


    I was wondering if someone could help a little with an issue I’m having. I am using the Side Blog Press75 theme.

    My website is

    I am trying to edit the div id=”main” section with a custom page template.

    The custom pages purpose is to display no sidebar and the main body of text should extend to where the sidebar should have been.

    The template has the div id=”blog” removed (this bit of code included the side bar background) and a custom “Main” section called “mainns” added in the style.css.

    (This is a copy of the old main section with a little editing)

    #mainns {
    background: #FFFFFF;
    color: #6D6D6D;
    width: 960px; (Extended from 570px)
    float: left;
    padding: 30px 30px 15px 35px;

    The idea is to remove the sidebar colouring and content just leaving an extended white box for a full page post.

    Every time I change the div id=”main” to div id=”mainns” on my custom template page the box disappears even though it has all the same details.

    Any ideas how to achieve this effect on a single page?

    I also edited another piece of code from the style.css3.css

    #mainns {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 0 4px #202020;
    -webkit-box-shadow: 0 0 4px #202020;

    This is an exact copy of the #main section on this CSS and noticed that the customer page pulled info from both these style sheets so copied and renamed it “mainns”

    I like working this kind of issue out myself but seem to be over-looking something.

    If you solve it you are a hero.


Viewing 3 replies - 1 through 3 (of 3 total)
  • tomdeforest


    I’m not sure I have enough info to answer your question. On the, if I inspect the ‘main’ div and change it to ‘mainns’ the white background disappears. It seems as if there are no styles declared for ‘mainns’. Do you have a demo somewhere we can see?



    Hi Tom,

    The chat you gave me got me thinking about it not pulling the style through. I had a misplaced } bracket covering both ‘main’ and ‘mainns’ rather than separating them.

    Problem fixed. Thanks for the Help.

    Much appreciated 🙂




    Glad to help 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change custom page layout using CSS’ is closed to new replies.