Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 5, 2014 at 8:32 pm #43441
    Angelina
    Member

    Hey everyone 🙂
    I would like to change the main theme’s width and of the sidebar in this site: lifeforceliberation.com
    Where can I do that??!!

    Aloha,

    Angelina

    September 6, 2014 at 12:46 pm #43471
    Sakin
    Keymaster

    Hi Angelina,

    Can you let me know your desire width. As Catch Evolution Pro theme is responsive WordPress theme which is optimized for different screensize. So, if you could give me the sizes then I can send you the suggestion.

    Regards,
    Sakin

    September 7, 2014 at 3:18 am #43514
    Angelina
    Member

    Hey Sakin,
    thank you for your answer!
    well, what is the actual width?! and also the width of the sidebar?
    If I know that I have an idea about my desired change … 🙂

    Aloha
    Angelina

    September 7, 2014 at 9:45 am #43521
    Sakin
    Keymaster

    Hi Angelina,

    The size depends on the screen size. So, I am going to give your complete size we have. 

    /* Large Screen */
#primary { width: 754px; }
#secondary { width: 406px; }

/* Max Screen Size 1224px */
@media screen and (max-width: 1224px) {
    #primary { width: 654px; }
    #secondary { width: 340px; }
}

/* Max Screen Size 1060px */
@media screen and (max-width: 1060px) {
    #primary { width: 530px; }
    #secondary { width: 340px; }
}

/* iPad Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    #primary { width: 590px; }
    #secondary { width: 340px; }
}

/* Less then 960px is 100% */

    Regards,
    Sakin

    September 9, 2014 at 4:23 am #43577
    Angelina
    Member

    Hey Sakin,
    thank you for your answer ….
    Just to give you an example of what I want:

    Let’s say the Total site width is 1200, I would want the right side bar to be around 300px so that the post/site space would be around 900px … and I would want the space between the sidebar and the text space, dunno how to name that correctly – I mean with that the space where I would put the text of the post, to be a little bit smaller …

    Dunno, do you get what I mean?!,

    Aloha,

    Angelina

    September 9, 2014 at 5:48 pm #43592
    Sakin
    Keymaster

    Hi Angelina,

    Sorry I don’t get it what you mean. Currently, the site total width is 1190px for large screen. Where we have content box of 754px and sidebar box of 406px. The space in-between content box and sidebar box is 30px.

    The best will be you can get me screenshot image then I will measure it and send you the css.

    Regards,
    Sakin

    September 10, 2014 at 3:27 am #43615
    Angelina
    Member

    Hey Sakin,
    sorry that I explained in an unclear way …
    Now I also understand you better.
    What code would I need so that my total width would be 1200px, my content box would be about 885px, sidebar box 300px and the space between content box and sidebar box would be 15px ?

    Aloha,
    Angelina

    September 11, 2014 at 1:01 am #43674
    Sakin
    Keymaster

    Hi Angelina,

    Then you can add the following css in “Appearance => Theme Options => Custom CSS” box

    /* Minimum Screen Size 1061px */
@media screen and (min-width: 1061px) {
    .wrapper { width: 1040px; }
    #primary { width: 720px; }
    #secondary { width: 300px; }
}
/* Minimum Screen Size 1240px */
@media screen and (min-width: 1240px) {
    .wrapper { width: 1200px; }
    #primary { width: 885px; }
}

    Regards,
    Sakin

    September 14, 2014 at 2:42 am #43836
    Angelina
    Member

    Thanks, Sakin!
    It works 🙂

    Aloha,

    Angelina

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Changing the width of the theme’ is closed to new replies.