How to get rid of dark overlay on my site header

paulanpauloissa · Member · Nov 29, 2017 at 12:41 pm
Copy link

Add topic to favorites
Hey there!

I’ve been struggling with the header on my site (paulamagazine.fi) for a while now. The logo header (“paula”) is supposed to be a transparent .png file; hence the background should be white. However, there’s a dark overlay that’s been set to the original theme (Capri Lite) and I can’t get rid of it. I’ve tried customizing the style CSS but nothing seems to work. Any idea what to do? I’m using no purchasable plugins and the additional CSS isn’t working.

I also wish to have the header presented in its full size on other devices, e.g. mobile. Right now it cuts the header.

Anyone know what to do? I’m losing my mind but I think there’s just something I’m not seeing.
okanagancreativedesigns · Member · Nov 29, 2017 at 3:54 pm
Copy link
Hi @paulanpauloissa,

These forums are for sites hosted on WordPress.com, but you’re running the WordPress software on your own hosting (Nameserver: ZONER).

If you need further help with the self-hosted version of Capri Lite, feel free to post in its forum at WordPress.org:

https://wordpress.org/support/theme/capri-lite

You can also read more about the difference between WordPress.com and WordPress.org here: https://en.support.wordpress.com/com-vs-org/

Thank you!
okanagancreativedesigns · Member · Nov 29, 2017 at 4:01 pm
Copy link
Also – as a side note – I just tried to change your header background to white using my Chrome Inspect tool. I was able to do so using this CSS Code:
```
.big-title-wrap .overlay,
.shop-entry-header .overlay,
.page .entry-header .overlay,
.blog-entry-header .overlay {
	background: #f5f5f500;
}
```
This should change the header on all of your pages BUT
please check all the pages & blog post on every device to confirm it is not impacting anything else.

Also, please refer to this support article for more details on CSS: https://codex.wordpress.org/CSS

Cheers,

Ally
paulanpauloissa · Member · Nov 29, 2017 at 6:54 pm
Copy link
Thanks a bunch, Ally, it worked! Bless you for helping out.

Furthermore, do you have any tips on how to ensure the header looks good on every device? Right now it crops half of it out on mobile.

I’ll try reaching out on WordPress.org too. Cheers!
okanagancreativedesigns · Member · Nov 29, 2017 at 8:54 pm
Copy link
@paulanpauloissa,

Woohoo! Glad to hear it worked :)

You may be able to do some CSS magic to make that happen but again it will depend on your theme. Be sure to contact https://wordpress.org/support/theme/capri-lite as they probably get this question all the time and may be able to provide you with the solution much faster.

Best of luck and happy coding,

Ally
haleycam · Member · Nov 29, 2017 at 11:10 pm
Copy link
I’m trying to get my homepage to look like the example in the theme description…with the menu titles listed across the top,above the header images and a transparent header photo

http://www.stackedculture.wordpress.com
haleycam · Member · Nov 29, 2017 at 11:20 pm
Copy link
Nevermind, I realized what the problem was!
okanagancreativedesigns · Member · Nov 30, 2017 at 12:27 am
Copy link
Hi @haleycam,

Glad to hear you figured it out :)

Just for further reference, please do not post into threads created by other members.

By posting within a thread, your question may not be seen as quickly and also everyone who subscribed to this thread receive unnecessary email notifications.

To make sure you get the help you require, please use the Add New Topic link https://en.forums.wordpress.com/?new=1

Thank you!

Cheers,

Ally
timethief · Member · Dec 1, 2017 at 8:50 pm
Copy link
You are posting to the wrong support forum.

paulamagazine.fi is hosted by AinaCom Oy, not by WordPress.COM
Name Servers:
ns1.zoner.fi
ns2.zoner.fi

We provide support only for wordpress.COM hosted sites. We cannot provide support for sites that are not on our servers. Our support docs do not apply to
(1) local installs of wordpress.ORG software on your own server or
(2) wordpress.ORG software installs on paid hosting, and we do not provide support for them at wordpress.COM. That support is found at http://wordpress.ORG/support/
(3) sites linked to wordpress.COM accounts with the Jetpack plugin so they display on the My Sites wordpress.com account page. That support is found at http://jetpack.com/support/

WordPress.COM and WordPress.ORG are completely separate and have different username accounts, logins, support docs and support forums, run different theme versions of themes with the same names, and many people get confused about the two. Read the differences here http://en.support.wordpress.com/com-vs-org/

The wordpress.ORG support forums are at http://wordpress.org/support. The wordpress.ORG login link is here https://login.wordpress.org/ If you do not have an account yet then click Create an account https://login.wordpress.org/register/ and if you have lost an account password click Lost password? https://login.wordpress.org/lostpassword/

re: Jetpack support
Some Jetpack solutions are here http://jetpack.me/support/
Others are in the Jetpack support forum at WordPress.org
http://wordpress.org/support/plugin/jetpack
However, if you can’t find help at either one then you can file a Jetpack support ticket here > http://en.support.wordpress.com/contact/?jetpack=needs-service

No items found.