Transition Header Font Color as the page scrolls down and logo size

[Jennifer Aranda]

Hi!

On the pages and posts of our website, the header background is white and the site identity and tag are also white. If I change it, it also affects the header color font in the front page.

Is there a way to have dark gray font for the site identity and tag on pages and posts only, then have them transition to white as a person scrolls down?

Another questions is the logo size. On the front page, the recommended logo size is 168px x 39px. However, our logo is round. Another version is squarish. If I add it to the page, the logo looks really out of place. How could I change it?

Many thanks for any advice.

Jennifer

[themearile]

Hi Jennifer

Don’t worry we are here to help you.

1) Your first query, To change the color of site identity and tag, Kindly add below CSS in Additional CSS box, Please go to the Appearance => Customize => Additional CSS then paste the CSS here and click to Publish button.

.site-branding-text .site-title a,
.site-branding-text .site-description {
color: #333333 !important;
}

In fact, you can also change the color code as per the desire.

2) Your second query, Please upload your logo on your website then we can check it out and give you good advice for that.

Let us know if it solved.

Thanks

• This reply was modified 3 years, 3 months ago by themearile.

[Author]

Posts