[kgarveyParticipant]

Hi,

I am trying to change the background on my blog post. I want to get the blog ot look like the rest of the ste.

http://kierongarvey.com/gp/blog/

I would like th blog to look like this page really http://kierongarvey.com/gp/about/… but at this point even changing the white background would be a bonus
thanks
kieron

[CousettMember]

Try adding some CSS code under Appearance -> Customize -> Custom -> CSS

.site {
background-color: black;
}

[kgarveyParticipant]

Thanks main background is now black.

Is there any way to make the blog page the same structure as other pages????

for example like http://kierongarvey.com/gp/about/

[kgarveyParticipant]

One other question about blog page. How can i change the font color of the blot titles with out effecting the header values of the rest of the site. I want to change the color to #1e73be;

[RubinKeymaster]

Hey There,

You can’t change the layout of the Blog page but you can change the title color by adding following css:

.single .entry-title { color:#1e73be; }
.blog .entry-title { color:#1e73be; }

Hope that helps!

[kgarveyParticipant]

Thanks for your help. Blog looking better now.

Is it possible to change the icon for the post to the date of the post

[kgarveyParticipant]

Just tried the code you suggested. When your reading the post the color is now right so .single .entry-title changed it but on the blog page everything is the same.

[kgarveyParticipant]

I dont know what has happened but since i added the above code the font sizr on my site has gone huge… Everything was looking so good… even when i took it out it is still huge.

Do you have any pointers on how to bring it back to a normal size??

[RadModerator]

Hi there,

1. You mean by adding the date to the post title icons? or adding the icon to the date section?

2. Should be like this,

.blog .entry-title a { color:#1e73be; }

3. Font size is still 16px the same as the size declared for body. There is no other css that overrides the font size. My only guess is maybe that you accidentally change font size when working on customizer? 🙂 Should it be 16px or smaller?

Thanks!

[kgarveyParticipant]

1. I mean instead of the icon on the left i want to have a date in a large font.

2. That worked great. I thought this would work then to change the hover color but it didnt.

.blog .entry-title a:hover {
    color: #1e73be;
}

3. I luckily had backup buddy installed and had made a backup 2 hours earlier. So i restored the backup to get me back to where i wanted to be… Still dont know what happened.

Thanks

[RadModerator]

Hi there,

1. Try this one 🙂

@media (min-width: 980px){

.blog .p-meta span:first-child:after {
	display: none;
}
.blog .p-meta .entry-date {
	position: absolute;
	width: 70px;
	height: 70px;
	margin-top: -42px;
	margin-left: -161px;
	font-size: 32px;
	font-size: 1em;
	line-height: 70px;
	border-radius: 100em;
	background-color: #1e73be;
	text-align: center;
}
.blog .entry-wrap > .entry-header {
	position: relative;
}
.entry-title:before {
	content: "" !important;
	display: none;
}

}

2. I think it works, I don’t see any hover change anymore.

3. Great to hear that 🙂

Thanks!

[rsdigheParticipant]

5to9startups.com/blog – however although the color changes i am not able to change the on hover color ? – any ideas

[Paul RModerator]

Hi,

Please refer to the link below.

https://community.theme.co/forums/topic/changing-blog-post-title-color/#post-908617

Thanks

[Author]

Posts