• Anonymous User 13434028

    (@anonymized-13434028)


    hello im trying to re size the width of the first page and post, i’ve tried a solution discussed in this post but it doesn’t center and also it makes 2 circles in a row when i want 3, im i doing something wrong or is this code out dated?

Viewing 15 replies - 1 through 15 (of 30 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Could you link the page and post you’re referring to as “the first”?
    Do you have a Custom CSS plugin or Child Theme?

    Thread Starter Anonymous User 13434028

    (@anonymized-13434028)

    when i say first i mean the page with the circles on them, my website is reddbonetv.com and yes i have a child theme in place.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Did you resolve this? I see rows of 3 circles centred.

    Thread Starter Anonymous User 13434028

    (@anonymized-13434028)

    yes but i would like the width of the page to be smaller, when i use the code as i stated above from the other thread it make make look weird.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Could you link to an image illustrating the issue you face?

    Thread Starter Anonymous User 13434028

    (@anonymized-13434028)

    THIS is what my site looks like now and THIS is what im having a problem with, it has the right width i want (800px) but as you can see it’s not centered.

    I think you can try this css. Just make sure it overrides the default style of your theme.

    .blog #page{ width: 800px; }
    .blog #main{ width: 700px; }
    Thread Starter Anonymous User 13434028

    (@anonymized-13434028)

    Just make sure it overrides the default style of your theme.

    what do you mean by this?

    If you put the css on the top of the stylesheet.css, it might not apply. You can try it at the bottom instead.

    Thread Starter Anonymous User 13434028

    (@anonymized-13434028)

    it worked pretty good but is there anyway to make the post page the same size? when you click on one of the pages the post page is the old size. also is there anyway to center the circles?

    1. All pages have the same width:

    body #page{ width: 700px; }

    2. Center the circles:

    .blog #main{ width: 600px; margin: 0 auto; }
    Thread Starter Anonymous User 13434028

    (@anonymized-13434028)

    almost perfect but i think another code is messing with the post page still .. if you click on one of the circles the post is sticking out to the side.

    You can try this one more line:

    .page #content{ padding-left: 50px; }
    Thread Starter Anonymous User 13434028

    (@anonymized-13434028)

    nope, made it worse .. tried and tweak it but the same.

    Thread Starter Anonymous User 13434028

    (@anonymized-13434028)

    [too much code to post here]

Viewing 15 replies - 1 through 15 (of 30 total)
  • The topic ‘page width’ is closed to new replies.