• Resolved garzons

    (@garzons)


    Hi I’m starting a web. Can anyone tell me how can I reduce the width of my web (dineroclix.com)?
    I want it like this web monetizados.com
    I checked the style but it’s pretty much the same. I’m kinda new so please help ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The Monetizados site has a width of 1100px on it’s main content, so from your admin dashboard, go to Appearance > Theme Options, click the Styling tab, then move the slider that’s labeled Website Max-width until the setting is 1100, then click Save Changes down at the bottom.

    Thread Starter garzons

    (@garzons)

    Thank you! That was very helpfull. I have another question. Can I resize the header and the footer too? Because in monetizados.com I see them in the same size that the body. Another question is if I can change the gray color from the sidebar into white like he have?
    Thanks for your help

    You need to learn how to use a web debugging tool like Firebug or Chrome Developer Tools. Then you’ll be able to not only inspect your own site, but a different site as well, so you can copy over whatever values you need, like colors. And if you don’t understand how CSS works, there is a very good tutorial here.

    Can I resize the header and the footer too?

    You will need to add some CSS rules. Go to Appearance > Theme options, click on the Styling tab, and paste in these rules:

    #wrapper {
       background-color: #eaeaea;
    }
    
    #header, #footer {
       max-width: 1100px;
       margin-left: auto;
       margin-right: auto;
    }

    The first rule sets the “outside” background color to the same gray color (#eaeaea) as the Monetizing site; this makes it easier to see the widths of the other elements. You can change it back to white (#ffffff) or to a different color.

    The second rule sets the widths of the header & footer to the same width, 1100px, as the main content area.

    if I can change the gray color from the sidebar into white like he have?

    The widgets on the Monetizados site all have a background color of light gray: #FAFAFA. So you can add this rule:

    .widget {
       background-color: #FAFAFA;
    }

    Thread Starter garzons

    (@garzons)

    Sorry for my unfamiliarity but I go to Appearance > Theme options, click on the Styling tab, and don’t find a place to paste the code…
    This is what I see in the entire tab (I put it in 3 screenshots because it’s large):

    https://postimg.org/gallery/4pemtqkw/

    I hope you can help me. Thanks!

    Oops, my bad. I could have sworn Hueman had a Custom CSS field, but it looks like I was mistaken.

    OK, since you probably don’t want to mess with creating a child theme, first install a CSS plugin like Custom CSS Manager and you will be able to add the CSS that way (after the plugin is installed, you’ll go to Appearance > Custom CSS Manager).

    Thread Starter garzons

    (@garzons)

    Thanks for your help dude!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Help with width please’ is closed to new replies.