Move logo to top and make text a little bit more dark - Solved

Ask Guardian Theme Installation, Settings & Configuration, Problem, Error & Bug Related Issues Here

Moderator: forum_m

Post Reply
aarbee
Posts: 10
Joined: March 5th, 2018, 7:34 pm

Move logo to top and make text a little bit more dark - Solved

Post by aarbee » March 6th, 2018, 10:45 pm

I would like to put the logo in to the gradient area. Is that possible?

And make the text of email and contacts and those logos a bit darker?
I tried these CSS changes. They helped a bit, but not complete.
Under Customize and than CSS I did add this code:
.fa
{
color:#31A3DD;
}
li.g_contact
{
color:#31A3DD;
}

I also placed the gradient CSS code there.
It is all about: https://www.its-bee.nl/

Thanks ahead,

RobB

support_staff
Posts: 7247
Joined: February 26th, 2015, 1:40 pm

Re: Move logo to top and make text a little bit more dark

Post by support_staff » March 7th, 2018, 11:03 am

Hi aarbee ,
We made changes according your desire.
We attached a file please extract it. Then cope and paste header.php file in theme directory.
thankyou
Attachments
header.zip
(1.66 KiB) Downloaded 103 times

aarbee
Posts: 10
Joined: March 5th, 2018, 7:34 pm

Re: Move logo to top and make text a little bit more dark

Post by aarbee » March 7th, 2018, 3:03 pm

Thank you.
Will try it out as soon as I am home.

By the way, I have created a child theme.
Does this mean, that I copy the header-files into the child theme?

Thanks,

Rob

aarbee
Posts: 10
Joined: March 5th, 2018, 7:34 pm

Re: Move logo to top and make text a little bit more dark

Post by aarbee » March 8th, 2018, 6:17 am

Seen it, tested it. Good so far.
Except the white text in the head, right of the logo. Looks to light against that light blue.

Which CSS parts do I need to change in order to get it darker blue?

Thanks ahead.

RobB

support_staff
Posts: 7247
Joined: February 26th, 2015, 1:40 pm

Re: Move logo to top and make text a little bit more dark

Post by support_staff » March 8th, 2018, 10:29 am

Hi,

Please go to admin dashboard -> Theme option -> Theme general option here you can see custom CSS box copy the below CSS code and paste it into that box and save the changes -

.top_nav .right li a, .top_nav .right li a:hover, .top_nav .right li, .top_nav .right li:hover {
color: #31a3dd !important;
}

You can change the color as per requirement.

Thank-you

aarbee
Posts: 10
Joined: March 5th, 2018, 7:34 pm

Re: Move logo to top and make text a little bit more dark

Post by aarbee » March 9th, 2018, 5:51 am

It works like a charm.
Thank you.

RobB

support_staff
Posts: 7247
Joined: February 26th, 2015, 1:40 pm

Re: Move logo to top and make text a little bit more dark

Post by support_staff » March 9th, 2018, 10:33 am

You're most welcome...
Let us know for further query.

Post Reply

Return to “Theme Installation, Settings & Configuration, Problem, Error & Bug”