Broadsheet Date Placement

hohcatholic · Member · Feb 5, 2016 at 3:31 am
Copy link

Add topic to favorites
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: (visible only to logged in users)
carladoria · Member · Feb 5, 2016 at 3:03 pm
Copy link
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;
}
hohcatholic · Member · Feb 5, 2016 at 3:11 pm
Copy link
Awesome! Is there any way to enlarge the social icons themselves as well?
hohcatholic · Member · Feb 5, 2016 at 3:20 pm
Copy link
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?
thesacredpath · Member · Feb 5, 2016 at 10:29 pm
Copy link
Hi, I’m not seeing any social icons on your site. Are you talking about the Share This stuff below the page/post content?
hohcatholic · Member · Feb 6, 2016 at 12:18 am
Copy link
I’m referencing the small icons in the header.
thesacredpath · Member · Feb 6, 2016 at 3:14 am
Copy link
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;
}
```
hohcatholic · Member · Feb 6, 2016 at 3:55 am
Copy link
Yeah that’s the problem with all of the visitors too!

It looks like this works fine.

Thank you!
thesacredpath · Member · Feb 6, 2016 at 4:19 am
Copy link
You are welcome. :)

No items found.