Width, background and summary questions

  • salocime

    (@salocime)


    11 years, 2 months ago

    I’ve installed this theme and discovered how to change the header font size to make my title fit, but I was wondering how I would go about changing the width of the white section? (Yes, I’m a total newbie to WordPress; not sure what all the sections are called.) I don’t mind the image in the background, but there’s too much of it showing for my liking. http://www.vacationswiththekids.com/

    I’d also like to see what it would look like without that image but I’m not sure what I’m supposed to change exactly in the stylesheet. (The background isn’t showing up in the Background link.) I’m guessing it’s the bg-splash-trasp.png but since I want to see what it would be like to just have white in the background, I don’t know what to change it to.

    My other issue: I have “summary” selected in the Reading options, but it’s showing the full text. I’m okay with that, but it would be nice to play around with summary and full text to see which I like better.

    tia!

    From my style.css:

    body {
    font: 12px Arial, Helvetica, sans-serif;
    background: #122330 url(images/bg.png) repeat;
    color: #6a6a6a;
    line-height: 20px;
    }

    a {color: #00b2db; text-decoration: none; outline: none;}
    a:hover {color: #182c3b; text-decoration: none;}

    #content p {padding: 0 0 15px 0; line-height: 21px; font-size: 12px}
    img {border: none;}

    #wrapper {background: url(images/bg-splash-trasp.png) no-repeat top center; float: left; width: 100%; padding: 25px 0;}
    .container {width: 920px;}
    #page-container {width: 920px; background: #ffffff; border: 1px solid #e8e8e8; padding: 25px; position: relative; float: left;}

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    Does that theme come with a section in the dashboard named something like, “Custom CSS” or “Jetpack”?

    Thread Starter salocime

    (@salocime)

    11 years, 2 months ago

    I installed Jetpack when I first installed WordPress. I thought Jetpack was a separate thing?

    I don’t see anything about Custom CSS. There’s Edit CSS in the Appearance menu.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    In that Edit CSS section of the dashboard, the following modifications can be added;

    how to change the header font size

    h1#blog-title a {
 font-size: 100px;
 /*Change 100 to your value*/
}

    changing the width of the white section

    #page-container {
 width: 1000px;
 /*Change 1000 to your value*/
}

    I’d also like to see what it would look like without that image

    Which image?

    Thread Starter salocime

    (@salocime)

    11 years, 2 months ago

    Thanks! I never really paid attention to the Edit CSS. I see now that it overrides the theme settings.

    The background image is what I want to change. The black and blue stuff behind the actual content section. I would like to try removing it completely.

    Thread Starter salocime

    (@salocime)

    11 years, 2 months ago

    Ok, so I just tried the

    #page-container {
    width: 1000px;
    /*Change 1000 to your value*/
    }

    changing it to 1500 and the preview shows it’s leaving the same margin as before on the left side, pushing the header over to the right so that it doesn’t line up with my picture of the family, and then the menu bar isn’t extending to the right, but staying the same size.

    Maybe I should just leave it all alone for now. lol. Making one change seems to create a domino effect of needed changes.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Width, background and summary questions’ is closed to new replies.