Return to previous page

Changing header and page background - by harshchudasama

This topic has 6 replies, 3 voices, and was last updated 7 years, 8 months ago ago by Olga Barlow

harshchudasama

Participant

April 17, 2017 at 23:05

I want to change header and site background with different background image or color. i tried it doing it from the 8theme options (styling sub option). but nothing happened. please refer to the image and guide me.

https://www.dropbox.com/s/isrkq0wtxhka7jb/Screenshot%202017-04-18%2003.28.27.png?dl=0

https://www.dropbox.com/s/jcb8w50yyhavk2x/Screenshot%202017-04-18%2003.28.17.png?dl=0

#160312 Copied

5 Answers

Amzy Leel

Participant

April 18, 2017 at 04:57

https://www.dropbox.com/s/isrkq0wtxhka7jb/Screenshot%202017-04-18%2003.28.27.png?dl=0

for this you can set the background image using visual composer row setting.
hover on the row ‘pencil’ icon and go to ‘design options’ in the popup

here you can find that how to do that from the VC fronend editor : https://vc.wpbakery.com/video-academy/add-row-column-background-visual-composer-wordpress/

https://www.dropbox.com/s/jcb8w50yyhavk2x/Screenshot%202017-04-18%2003.28.17.png?dl=0

put following code in,

8theme options >> styling >> custom CSS >> global custom CSS

to change background color:
.header-vertical { background-color: #000;}

to add a background image:
.header-vertical { background-image: url("YOUR IMAGE PATH"); }

#160319 Copied

harshchudasama

Participant

April 18, 2017 at 09:40

1) I’m talking about site background.
https://www.dropbox.com/s/q8ppz7dd0ids868/Screenshot%202017-04-18%2013.56.30.png?dl=0

like when you turn the dark version on it changes white to black. i want to change that to different color.

2) https://www.dropbox.com/s/6hqvq9ac4pnci6f/Screenshot%202017-04-18%2013.59.22.png?dl=0

i also want to change the color of open menu. and icon color and color on hover effect.
and can you also tell me how to increase logo size. i want my logo to look big,

3) on changing menu background. it shows the image on laptop/desktop view but not in mobile view. you can refer to the website http://www.trillmode.com for your reference.

#160358 Copied
Olga Barlow

Support staff

April 19, 2017 at 15:19
Hello,

1) The wide layout has the container that has color. That’s why if you use wide layout (Theme Options > Layout > Wide) you can change the container color only. Or you may add the following custom CSS to make it transparent and show your site background
```
.page-wrapper {
    background-color: transparent;
}
```
2) Icons color can be dark and white (Theme options > Header Settings > Header text color scheme). To change the back of the menu add the following custom CSS

@media (min-width: 991px){
.header-vertical .menu-main-container {
background-color: #845151;}
}

Upload bigger logo image to get bigger logo.
3) Go to (Theme options > Header Settings > Header bg). Bug with bg for the desktop version will be fixed in next theme update.

Regards
#160562 Copied
harshchudasama

Participant

April 30, 2017 at 22:35

Uploading bigger logo results in logo being placed out the menu. some part goes out of line and it looks bad and also when i open menu i want different color logo, but where should i upload that?

#161801 Copied

Olga Barlow

Support staff

May 4, 2017 at 18:12

Hello,

Use fixed header logo option to upload logo for the opened version of this header type.

Regards

#162179 Copied
Tagged: background, best, change, customize, design, flexible, header, selling, themes, woocommerce
Viewing 6 results - 1 through 6 (of 6 total)