Blog Header Color & Blog Comment Avatar Border Color

Go down

Solved Blog Header Color & Blog Comment Avatar Border Color

Post by CindaLove on July 29th 2018, 9:02 pm

How do I change the color of the blog header and the comment avatar border?


Last edited by CindaLove on July 29th 2018, 10:27 pm; edited 1 time in total
avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by SLGray on July 29th 2018, 9:05 pm

Please post a link to a blog that guests can see.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43867
Reputation : 3123
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by CindaLove on July 29th 2018, 9:09 pm

avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by SLGray on July 29th 2018, 9:15 pm

This is in your CSS for the avatar:
Code:
.postprofile-avatar img {
    border: 6px solid #FA9D91;
    height: 150px;
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43867
Reputation : 3123
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by CindaLove on July 29th 2018, 9:20 pm

It didn't work.
avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by SLGray on July 29th 2018, 9:21 pm

How did it not work?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43867
Reputation : 3123
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by CindaLove on July 29th 2018, 9:24 pm

It did not change the color of the blog comment avatar border.
avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by SLGray on July 29th 2018, 9:25 pm

Did you add it or edit the one there already?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43867
Reputation : 3123
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by CindaLove on July 29th 2018, 9:29 pm

I added it but I realize now I already have that code for the post avatars.

I replaced it with your code but still nothing.


Last edited by CindaLove on July 29th 2018, 9:32 pm; edited 1 time in total
avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by SLGray on July 29th 2018, 9:31 pm

I believe there is not a separate CSS selector for blog avatars.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43867
Reputation : 3123
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by CindaLove on July 29th 2018, 9:33 pm

@SLGray wrote:I believe there is not a separate CSS selector for blog avatars.
Okay, thanks. Is there a code for the blog header color?
avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by skouliki on July 29th 2018, 9:52 pm

add this to your css and change the color to your likeness

Code:

.blog-title {
margin-top: 5px;
      background-color: #7bb0b8;
}

avatar
skouliki
Manager
Manager

Female Posts : 4320
Reputation : 705
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by CindaLove on July 29th 2018, 9:59 pm

That works but is there a way to bring it all the way to the top of the header, at least up to the editing buttons?

Spoiler:
avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by skouliki on July 29th 2018, 10:03 pm

@skouliki wrote:add this to your css and change the color to your likeness

Code:

.blog-title {
margin-top: 5px;
      background-color: #7bb0b8;
}


replace with

Code:

.blog-title {
margin-top: -1px;
      background-color: #7bb0b8;
padding-bottom: 17px;
}
avatar
skouliki
Manager
Manager

Female Posts : 4320
Reputation : 705
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by CindaLove on July 29th 2018, 10:07 pm

Almost!
avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by skouliki on July 29th 2018, 10:08 pm

no, the code is right

you made a mistake ..you have 2 # to the color code

avatar
skouliki
Manager
Manager

Female Posts : 4320
Reputation : 705
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by CindaLove on July 29th 2018, 10:11 pm

Yes, I caught that, thank you. It's looking better but doesn't quite cover the editing buttons.

Spoiler:


Last edited by CindaLove on July 29th 2018, 10:12 pm; edited 1 time in total
avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by skouliki on July 29th 2018, 10:11 pm

as a quest i cannot see the edit buttons so change the two numbers, margin and padding until you have the result you want

try margin-top: -10px; and padding-bottom: 37px;
avatar
skouliki
Manager
Manager

Female Posts : 4320
Reputation : 705
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by CindaLove on July 29th 2018, 10:18 pm

@skouliki wrote:
as a quest i cannot see the edit buttons so change the two numbers, margin and padding until you have the result you want

I changed the padding to this:

Code:
.blog-title {
margin-top: -7px;
      background-color: #CAE8E6;
padding-bottom: 17px;
}


Thank you, @skouliki



Oh, just saw your edit. I will try that.


Last edited by CindaLove on July 29th 2018, 10:29 pm; edited 1 time in total
avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by skouliki on July 29th 2018, 10:23 pm

you are very welcome
avatar
skouliki
Manager
Manager

Female Posts : 4320
Reputation : 705
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by CindaLove on July 29th 2018, 10:26 pm

That looks so much better, skouliki. I did change the margin a little to make the bottom a little more even.

Code:
.blog-title {
margin-top: -10px;
      background-color: #CAE8E6;
padding-bottom: 35px;
}

Spoiler:

Thank you very much, @skouliki
avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Blog Header Color & Blog Comment Avatar Border Color

Post by skouliki on July 29th 2018, 10:28 pm

I'm glad I was able to help

Problem solved & topic archived.
Please read our forum rules: ESF General Rules
avatar
skouliki
Manager
Manager

Female Posts : 4320
Reputation : 705
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum