Boxing Off Posts

  • dirtyoldlarry

    (@dirtyoldlarry)


    10 years, 4 months ago

    Most themes default, stick each post together on a white background like page that grows based on how many posts there are. Then divides each post with a ———————— type of line, from one another.

    Does anyone know the generic code to alter and individually box off each post from one another. With its own border.

    Look at this themes posts and youll see what I mean by boxing each post with its own borders. http://demo.woothemes.com/?name=headlines

Viewing 4 replies - 1 through 4 (of 4 total)
  • WPyogi

    (@wpyogi)

    10 years, 4 months ago

    There is no generic code – CSS is theme specific. A browser tool like Firebug should help you find the CSS for whatever theme you are using.

    In the site you linked to, it’s from :

    .box {
    background: url("images/bg-box.png") repeat-x scroll 0 0 #FEFEFE;
    margin: 0 0 20px;
}

.post {
    border: 1px solid #FFFFFF;
    padding: 25px 25px 20px;
    position: relative;
}

    Thread Starter dirtyoldlarry

    (@dirtyoldlarry)

    10 years, 4 months ago

    Im no good at coding but if I had to guess id say the .box is linking to an image file (images/bg-box.png) of a raw border, that was included in the original design of the theme.

    Is there a way to make a border through just code?

    Cant I add something like

    .box {
    border: around.post
    padding
    line
    position

    kind of thing?

    WPyogi

    (@wpyogi)

    10 years, 4 months ago

    box is a class assigned to an HTML element:

    <div class="box">

    You need to use the classes or id’s specific to your theme/site.

    WPyogi

    (@wpyogi)

    10 years, 4 months ago

    CSS really isn’t that hard once you learn the basics – good resources:

    http://www.w3schools.com/css/

    https://developer.mozilla.org/en-US/learn/css

    http://getfirebug.com

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Boxing Off Posts’ is closed to new replies.