Logo is acting weird

[djbram1]

Hi!

The logo of my website is acting weird. On my bigger screen its right in the middle, but on my macbook 13 inch retina its under the menuthing. And Its nog rescale right, its out of shape.

Can u help me?

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please add this to Theme Options => Custom CSS:

#logo.has-img img {
      max-width: 97%;
}

[djbram1]

The logo on the mobile and tablet does not rescale right. Is there a code or something i can do to fix this? Thanks!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

What specific device is that for? Are you emulating that, if so what emulated device/screensize?

Thanks.

[djbram1]

The logo is fixed! Thanks.

Another question. I want to change the color of the testimonials blocks on this page https://theholykauw.nl/reviews/. Without changing the accent color in the customizer, because i change the color everywhere. Is there some custom css for only the testimonials blocks?

And, in the menu header are social icons, i want them black and white like in the footer, is that possible?

Thanks!

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,
Add the code below to your custom css option. Adjust to the desired colors.

.masonry-items li.testimonial .testimonial-text {
background-color: #94c11f!important;
}
.masonry-items li.testimonial .testimonial-text span {
color: #fff!important;
}

For future situations you should open new topics.
Thanks

-Rui

[djbram1]

Hi!

thanks, i have put this in the custom css:
.masonry-items li.testimonial .testimonial-text {
background-color: #94c11f!important;
}
.masonry-items li.testimonial .testimonial-text span {
color: #fff!important;
}

But it dont work.

Is there another solution?

And i want the social icons in the header to be black and white, like they are in the footer, is there some css for it as well?

Thanks!

[Rui Guerreiro – SUPPORT]

It seems the code worked, try to clear the browser cache.

Add also this custom css for the social icons on the header.

#header ul.social-icons li a > i {
    color: #000!important;
}
#header ul.social-icons li a > i:hover {
    color: #FFF!important;
}

-Rui

[djbram1]

Hi Rui,

The css for the social icons doesn’t work..

I have clear the cache and try 3 different browsers.

Whats the problem?

Thanks!

[Rui Guerreiro – SUPPORT]

I just purged the cache of your cache plugin.

-Rui