Broadsheet Date Placement

  • Author
    Posts
  • #2557392

    Hello,

    I need to move the placement of the date and the social icons at the top of my page. I need the CSS to move it left, right, etc. and to change the font size and color.

    Thanks!

    -Nick

    The blog I need help with is stbenedictavon.net.

    #2557558

    carladoria
    Staff

    Hi there,
    You can change the font size and color with the following CSS (just replace the code of the color you want, you can get color codes here:
    http://html-color-codes.info/)

    .postmetadata {
    color: #CA2E2E;
    font-size: 2em;
    }

    To change the alignment of the date and social icons, use this with right, center or left:

    .masthead {
    text-align: right;
    }

    #2557560

    Awesome! Is there any way to enlarge the social icons themselves as well?

    #2557561

    Also, when I enlarge the date text, it seems to increase the titles of all my recent posts on the main page. Is there a way to alleviate this?

    #2557573

    Hi, I’m not seeing any social icons on your site. Are you talking about the Share This stuff below the page/post content?

    #2557580

    I’m referencing the small icons in the header.

    #2557584

    Oh my goodness, they are so small, and of such a color I completely missed them. :)

    Add the following to your custom CSS and adjust the font size as desired. I also included the color declaration so you can change that too, should you wish to.

    .menu-social-links a::before, .social_links a::before {
        color: #b3b3b3;
        font-size: 16px;
    }

    #2557585

    Yeah that’s the problem with all of the visitors too!

    It looks like this works fine.

    Thank you!

    #2557586

    You are welcome. :)

The topic ‘Broadsheet Date Placement’ is closed to new replies.