Return to previous page

CHage header - by hostpuppies - on WordPress WooCommerce support

This topic has 12 replies, 4 voices, and was last updated 8 years, 7 months ago ago by Robert Hall

hostpuppies

Participant

September 1, 2015 at 03:14

I want to change the header on this page to be transparent like the home page on the same link. Is there a way to do that? See private area for link

Please, contact administrator
for this information.

#83504 Copied

11 Answers
Robert Hall

Support staff

September 1, 2015 at 07:54
Hello,

We don’t have such feature in our theme.

But you can try use the following code in Global Custom CSS.
```
.page-id-2 .vc_custom_1440917074917{
    padding-top: 230px !important;
}
.page-id-2 .header-wrapper {
    background-color: rgba(25,25,25,0.5);
    position: relative;
    z-index: 1;
}
.page-id-2 .content-page {
    margin-top: -111px;
}
```
Regards,
Robert Hall.
#83531 Copied
hostpuppies

Participant

September 1, 2015 at 23:30

That was awesome take a look at the link http://mynewdev.com/compass/about/

ALomst makes it look like I used a revo slider there. Many many thanks

#83775 Copied

hostpuppies

Participant

September 2, 2015 at 05:22

Ok when I modified the regular page, it now has me with a solid grey bar at top. can i also chang this so automatic pages would show another color? http://mynewdev.com/compass/uncategorized/hello-world/

see also the previous links

thanks

#83790 Copied
Eva Kemp

Support staff

September 2, 2015 at 10:27
Hello,

If you want to change header background color for each page with different color you can use this css code:
```
.header-wrapper {
    background-color: grey;
}
```
and add it to CSS block of Visual Composer editor to each page writing the color you need.

Regards,
Eva Kemp.
#83883 Copied
hostpuppies

Participant

September 2, 2015 at 18:37

how could I achieve having the oages the way i want them but a solid color for the header for the link i sent? I see potential problems for blog posts.

#84096 Copied

Eva Kemp

Support staff

September 3, 2015 at 08:22

Hello,

Could you please describe what problems you have with blog posts?
Please clarify what color you want to change header to. Do you want to have different colors for different pages?

Regards,
Eva Kemp.

#84235 Copied

hostpuppies

Participant

September 4, 2015 at 01:51

Without entering custom css for each post or new page how do i make the those pages show a darker color header and still retain the same effects on the about page?

#84485 Copied

hostpuppies

Participant

September 4, 2015 at 02:00

Can you elaborate on wher to find the css for visual composer for each page? is it raw html?

#84487 Copied

Jack Richardson

Support staff

September 4, 2015 at 08:05

Hello,

Unfortunately to have different header color for posts you have to write code for each post in CSS block of Visual Composer. Please look at the screenshot where you can find it:
http://i.imgur.com/2gnzmQ6.png

Best regards,
Jack Richardson.

#84524 Copied

hostpuppies

Participant

September 4, 2015 at 08:19

Thank you. That did the trick.

#84527 Copied

Robert Hall

Support staff

September 4, 2015 at 08:46

Hello,

You’re welcome!

Regards,
Robert Hall.

#84535 Copied
Tagged: change, friendly, header, templates, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)