Boarder around posts

  • Hello i would like to create a solid black boarder around every single post. I have a child theme! Below i have included some of my style.css which may relate to this..

    Thanks!

    .sticky {
    }
    .entry-title, .entry-title a{
    text-decoration:none;
    font-size:38px;
    color:#000;
    text-transform:capitalize;
    text-align:center;
    }
    .entry-title a:hover{
    text-decoration:none;
    color:#666;
    }
    .archive-title{
    margin-bottom:15px;
    font-size:22px;
    text-transform:uppercase;
    color:#999;
    text-align:center;
    }
    .hentry {
    margin:0 0 80px 0;
    padding:0 0 80px;
    border-bottom:4px double #e6e6e6;
    }
    .entry-meta {
    clear: both;
    text-align:center;
    font-family: georgia, serif;
    font-style:italic;
    margin:20px 0;
    }
    .entry-meta a{
    text-decoration:none;
    color:#999;
    }
    .sep{
    color:#e6e6e6;
    font-style:italic;
    }
    .byline {
    display: none;
    }
    .single .byline,
    .group-blog .byline {
    display: inline;
    }
    .entry-content,
    .entry-summary {
    margin: 1.5em 0 0;
    }
    .page-links {
    clear: both;
    margin: 0 0 1.5em;
    }
    .single-thumbnail{
    margin:20px 0;
    }
    .single-thumbnail img:hover{
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    }

Viewing 8 replies - 1 through 8 (of 8 total)

  • First, whenever you post code/CSS, please enclose it in backticks.

    Second, instead of posting your site’s CSS, it’s always better to post a link to your site. It’s easier for us to just use a debugging tool like Firebug or Chrome Developer Tools, especially when you don’t include the name of the theme that you are using (different theme developers will have different ways of coding their pages).

    Do you want a border around each post on the blog page, or around the single post page as well?

    Thread Starter oliversyvaniemi

    (@oliversyvaniemi)

    Okey im very sorry, i am new to wordpress! Thanks for letting me know. I would link my site however i don’t have a domain name yet just https://localhost:8888/wordpress/.
    If there is anyway i can link it without a domain let me know! also I am using the landscape theme! I would love a boarder around posts on the blog page and in the single post page.

    Thank you ??

    OK, unfortunately we can look at sites that are being developed locally.

    However, this CSS should put a border around your posts:

    .hentry {
   border: 1px solid #000;
}

    The first value is the width of the border.
    The second value is the border style (you can try double, dotted, or dashed).
    The last value is the color in RGB (red, green blue) syntax.

    You probably want to add some padding so the contents aren’t butt-up against the borders.

    Thread Starter oliversyvaniemi

    (@oliversyvaniemi)

    Okey so i just tried to insert this into my child theme style.css and nothing happend, am i missing something here?

    Hard to tell without being able to examine the site. Can you post the CSS from your child theme’s style.css file in a pastebin and post a link to it?

    Thread Starter oliversyvaniemi

    (@oliversyvaniemi)

    Thread Starter oliversyvaniemi

    (@oliversyvaniemi)

    can you see it here? https://pastebin.com/2XtrM0nc
    I will get the domain in a few hours as well!

    Thread Starter oliversyvaniemi

    (@oliversyvaniemi)

    hey.. i got it to work, thank you so much!!!! ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Boarder around posts’ is closed to new replies.