How can I change my complete website from white to black?

[janheege]

Dear support,

I am glad to have you next to my side!

I want to change my website from white to black. (See green marked area attachment) At first I want to make the header completely black and changing the black front to an white front. How can I do this?

Best regards, Jan

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

You change the header color and theme colors within Color Customizer. The header is Color Customizer => Color – Header

[janheege]

Hi,

Thanks!

How can I change the front/symbol in the green area to white?

Regards, Jan

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please add this to Theme Options => Custom CSS

#header-section .header-menu .menu > li {
    color: red;
}
a.cart-contents:before {
    content: "\f291";
    font-family: fontAwesome;
    margin-right: 10px;
    color: red;
}

[janheege]

Hi David Martin,

Color problem is solved.

I want to add some products in one row like it is in screenshot 3, with the same function. How can I copy that?

Home

I have tried it on my test site “NEW SHOP STARTSEITE”. But the effect is completely different and I don’t know how to change it. You can visit my test site or see it at sceenshot 1-2

Best regards, Jan

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

What is the url to that test site page were you took the screenshot?

-Rui

[janheege]

This reply has been marked as private.

[janheege]

Hi Rui,

Do you have a solution for this problem?

Regards

Jan

[Rui Guerreiro – SUPPORT]

Hi,

You only have 1 product, the carousel only works if you have more products.

-Rui

[janheege]

Dear Rui,

I have now copied the one model and we have now 4 products. Whats next?

Regards

Jan

[David Martin – Support]

Jan you are doing this wrong.

Use the Swift Page Builder.

Create a Row using the Swift Page Builder.

Inside the Row, create a Products asset with the Swift Page Builder. Save the page.

Remove what you have already.

[janheege]

This reply has been marked as private.

[David Martin – Support]

There is a difference.

The Swift Page Builder plugin uses our own display functions.

Visual Composer does not use our display functions. Hence the massive visual discrepancy you see vs our demo.

1) This is not our asset, it’s added by another 3rd party plugin which we do not support. You would need something like:

.product p.wc-gzd-additional-info {
    display: none;
}

2) Please read this to translate the theme: http://www.swiftideas.com/knowledgebase/translating-the-theme-using-poedit/

If that is output by a 3rd party plugin you will need to translate the plugin.

[janheege]

Dear David Martin,

Thanks for your help again!

1) Understand. How can we make like it is on neightborhood theme with Swift page builder?

2) Ok, thanks!

Regards

[Rui Guerreiro – SUPPORT]

1) Using the products asset like this
https://www.dropbox.com/s/orwrbv76hxcy7lp/Screenshot%202016-11-25%2018.58.58.png?dl=0

And it will look like this.
https://www.dropbox.com/s/1b2mvoc6hr2bstk/Screenshot%202016-11-25%2018.59.51.png?dl=0

Hope it helps.

-Rui