How to add tint to png image and navigation bar

Resolved 4hannah
(@4hannah)

9 years, 1 month ago

Dazzling: Current Version
Site: curlyafrodotcom

Hello,

Could someone assist in custom css for adding tint (light brown) to png image of slider of front page and navigation bar for all pages?

Thanks in advance,

Viewing 7 replies - 1 through 7 (of 7 total)

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

9 years, 1 month ago

Hey Hannah, I think I have a suggestion but it’ll require you to download this plugin https://wordpress.org/plugins/custom-css-js-php/

Are you able/ willing to do that?

Thread Starter 4hannah
(@4hannah)

9 years, 1 month ago

Thanks Andrew.

Yep, definitely willing to download. I notice WP compatibility is up until 3.9 (I have 4.1.1? – whatever current version is). Do you think there will be an issue?

Regards,

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

9 years, 1 month ago

I don’t think there will be an issue, but do you have FTP access just in case anything goes wrong? All it takes is to rename the individual plugin’s folder and it’ll automatically deactivate.

Thread Starter 4hannah
(@4hannah)

9 years, 1 month ago

Thanks Andrew,

Yes I believe I have FTP access with host. Do I need to do anything with FTP access first, or just a safety net in the afterthought? In other words, if something goes wrong, can I rename it afterwards?

Thread Starter 4hannah
(@4hannah)

9 years, 1 month ago

Yep, definitely have FTP access and just downloaded the plugin. Ready to go with some assistance.

Thanks in advance,
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

9 years, 1 month ago
Try adding this CSS:
```
.flexslider li {
    display: inline;
    position: relative;
}

.flexslider li:before {
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
    top: 0;
    background: rgba(140, 120, 83, 0.5);
    height: 100%;
    display: inline-block;
    z-index: 2;
}

.flexslider .flex-caption {
    z-index: 3;
}
```
Thread Starter 4hannah
(@4hannah)

9 years, 1 month ago

Thank you so much Andrew!

I will look for a rgba colour spectrum and play around until consistent (enough) across browsers.

Again, thanks so much!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘How to add tint to png image and navigation bar’ is closed to new replies.

Tags