Return to previous page

Set background colour - by Karll - on WordPress WooCommerce support

This topic has 68 replies, 4 voices, and was last updated 10 years, 3 months ago ago by Jack Richardson

Karll

Participant

August 9, 2014 at 09:13

Hi,

Ive just purchased this theme and would like the change the whole background colour, i have changed the site background colour but that does not change the whole content colour, can you please advise?

#12127 Copied

67 Answers

Karll

Participant

August 9, 2014 at 09:20

Also how do i get the newsletter like you have on the classic homepage?

#12128 Copied

Eva Kemp

Support staff

August 9, 2014 at 09:32

Hello,

Please specify to which color you want to change the background color and provide us with your site url. As I understood you want to change the color for wide layout, not boxed, don’t you?

Please refer to our documentation how to create newsletter: https://www.8theme.com/demo/docs/legenda/index.html#!/newsletters

Regards,
Eva Kemp.

#12130 Copied

Karll

Participant

August 9, 2014 at 09:46

Hi Eva,

I would like to change it to this colour #FBCFCF

The site URL is -> http://181.224.152.217/~groovebo/lulubellepinup.ie/

Are you going to include more styling options in future updates?

Its a great theme, if there were more styling options it would be even better.

Thanks,

Karl

#12132 Copied

Eva Kemp

Support staff

August 9, 2014 at 10:01

Hello,

Please add this code into custom.css file:
.page-wrapper { background: none repeat scroll 0% 0% #FBCFCF; }

How to create custom.css you can watch here.

Thank you for the suggestion regarding styling options. We’ll take this into account.

Regards,
Eva Kemp.

#12134 Copied

Karll

Participant

August 9, 2014 at 10:36

Thank you for the prompt reply.

How do i get the title backgrounds, the newsletter and the search box in the same colour?

#12136 Copied

Karll

Participant

August 9, 2014 at 10:39

Also how do i change the top bar to the same colour?

#12137 Copied
Eva Kemp

Support staff

August 9, 2014 at 10:55
Please add this code into custom.css:
```
.search .et-mega-search form input[type="text"] {
    border: 1px solid #FBCFCF;
    background-color: #FBCFCF;
}
```
```
.header-type-7 .top-bar {
    background-color: #FBCFCF;
}
```
```
.back-white { background: none repeat scroll 0% 0% #FBCFCF; }
.widget_mc4wp_widget, .widget_mc4wp_widget input[type="email"] {
    background-color: #FBCFCF;
}
```
Could you please clarify what you mean saying “title backgrounds”?
Thank you.

Regards,
Eva Kemp.
#12139 Copied
Karll

Participant

August 9, 2014 at 11:05

Thank you, attached is a screen shot of what i mean by the title backgrounds.

#12140 Copied

Karll

Participant

August 9, 2014 at 11:07

Also, how do i get rid of the gap at the bottom of the page displayed in the screen shot attached?

#12141 Copied
Eva Kemp

Support staff

August 9, 2014 at 11:18
Please use this code for titles:
```
.title span {
    background: none repeat scroll 0% 0% #FBCFCF;
}
```
The space at the bottom is Footer Copyright widget which you can find in Appearance > Widgets.
If you don’t want to use it you can add this code into custom.css:
```
.copyright .container {
    display: none;
}
```
Regards,
Eva Kemp.
#12142 Copied
Karll

Participant

August 9, 2014 at 11:24

Thank you. I would like to use the footer copyright widget, like what i have there but i dont see a widget there to put in that area?

#12143 Copied

Karll

Participant

August 9, 2014 at 11:33

Also it is saying that there is a new version of visual composer, how do i download the new version?

#12144 Copied

Karll

Participant

August 9, 2014 at 11:38

Also can i change the colour of the divider lines to black?

See screen shot…

#12145 Copied
Eva Kemp

Support staff

August 9, 2014 at 11:42
Hello,

We’ve recently released a new version of the theme – 2.3 where all plugins are updated.
You can redownload the theme archive and find the plugins inside of legenda folder under framework/plugins directory. Upload the new version via FTP and remove the old one. Also we recommend to upgrade the theme https://www.8theme.com/demo/docs/legenda/index.html#!/upgrade

Concerning Footer Copyrights widget you can read in our documentation: https://www.8theme.com/demo/docs/legenda/index.html#!/widgets > Footer Copyrights.

To change the lines color use the following code in custom.css:
```
.title:before, .toolbar .woocommerce-ordering select {
    border-top: 1px solid #000;
}
```
Regards,
Eva Kemp.
#12146 Copied
Karll

Participant

August 9, 2014 at 11:42

Also can i change the white background of the contact form to this colour -> #FCFBE3

And also the contact form title to just say Contact?

#12147 Copied

Karll

Participant

August 9, 2014 at 11:45

Sorry for all the questions, i am used to using the Avada theme which allows you to customise pretty much everything without having to use CSS, if you could do that with this theme it would be fantastic. Thank you so much for the great support…

#12148 Copied
Eva Kemp

Support staff

August 9, 2014 at 11:54
Add this code into custom.css to change the background color of contact form:
```
#contact-form input {
    background-color: #FCFBE3;
}
```
“Contact Form” title can be changed in the file wp-content/themes/legenda/contacts.php (line 119).

Sorry, but in our theme you have to make style changes in custom.css file.
We’ll take your suggestion into account.
Thank you.

Regards,
Eva Kemp.
#12150 Copied
Karll

Participant

August 9, 2014 at 12:44

Thanks for that.

Since its the first time i have installed this theme, the version i installed is 2.3, there seems to be an update for visual composer to 4.3.2

I added that code to change the line colours to black but it did not work, i would like to change all the line colours from grey to black please, if you could give me the code to do so that would be great.

Also the code you gave me to change the contact form field colour, didnt change all the fields as you can see here -> http://181.224.152.217/~groovebo/lulubellepinup.ie/contact/

#12156 Copied

Karll

Participant

August 9, 2014 at 12:54

I have done the copyright footer like suggested, i would like to have the logo on the left and the copyright information on the right, can you please advise as it is not displaying like this?

#12158 Copied

Karll

Participant

August 9, 2014 at 13:31

Also on the product page can we have the background colour of the add to cart button set to -> #FBCFCF

Thanks

#12159 Copied

Karll

Participant

August 9, 2014 at 13:42

Also would it be possible to center the product gallery images with the main product image? See attached ->

Thanks

#12160 Copied
Eva Kemp

Support staff

August 9, 2014 at 14:56
Have you read the documentation?
https://www.8theme.com/demo/docs/legenda/index.html#!/widgets > Footer Copyrights and Footer Links
In “Footer Copyrights” widget area you need insert the path to your logo as shown in the documentation.
To change background color for “Add to cart” button use this code in custom.css:
```
a.button.etheme_add_to_cart_button.product_type_simple {
background-color: #FBCFCF;
}
```
and this code for products gallery:
```
.product-thumbnails-slider {
    margin-left: 60px;
}
```
Also please provide us with wp-admin panel credentials in Private Content to check the code for the lines color.

We provide the latest versions of plugins with our theme, when its new version is released. Now we have VC 4.3.1 version bundled with Legenda 2.3 version.
If you want to have the latest 4.3.2 VC version then you have to buy license key yourself for this plugin or wait for the new theme update where it will be updated as well.

Regards,
Eva Kemp.
#12164 Copied
Karll

Participant

August 9, 2014 at 15:11

Thank you, yes i read the documentation for the footer copyright and done exactly as said but the text is still displaying under the logo image?

I added the code for the Add To Cart colour but its still displaying the same, see screen shot ->

Thank you

Please, contact administrator
for this information.

#12165 Copied
Eva Kemp

Support staff

August 9, 2014 at 20:24
Hello,

I’ve added the following code to change borders in sidebar on the Shop page:
```
.sidebar-widget .widget-title {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
```
I’ve readded the copyright information into the Footer Links widget area. Please check the footer on the site now.

Also I’ve edited the code for contact form:
```
#contact-form input, #contact-form textarea {
    background-color: #FCFBE3;
}
```
Now it’s showing the necessary background color.

And I have added the code below to change background color for “Add to cart” button:
```
.single-product-page .product-info .single_add_to_cart_button {
    background-color: #FBCFCF;
}
```
Regards,
Eva Kemp.
#12173 Copied
Karll

Participant

August 11, 2014 at 12:34

Hi Eva,

Thanks for doing all that. Would it be possible to change the colour of all the lines that display in Grey to Black, see attached screen shots…

#12228 Copied

Karll

Participant

August 11, 2014 at 12:44

Can i change the background colour of the highlighted section and the add to cart button on the attached screenshot to #FBCFCF please…

#12230 Copied
Eva Kemp

Support staff

August 11, 2014 at 13:26
Hello,

I’ve added the following code to change background color of the button and cart popup:
```
.shopping-cart-widget .cart-popup {
    background: none repeat scroll 0% 0% #FBCFCF;
}
.filled.active, .button.active {
    background-color: #FBCFCF !important;
}
```
Also you can check custom.css file for other modifications I’ve made to change the lines color.
Please check your site now.

Regards,
Eva Kemp.
#12237 Copied
Karll

Participant

August 11, 2014 at 13:33

Thank you, all is looking good, except on the search box, it is not displaying correctly now. Also can you make the highlighted line black aswell, but can it be solid not dotted like the line below it, if you could make that one solid aswell that would be great.

Thank you for the fantastic support…

#12238 Copied

Karll

Participant

August 11, 2014 at 13:37

Also can you change the highlighted colours to black aswell please, see screen shot…

#12239 Copied
Tagged: background, color, colour, themes, woocommerce, wordpress
1 2 3

Viewing 30 results - 1 through 30 (of 68 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Hemp & CDB – WordPress WooCommerce Theme

lazy-placeholder

Engineer Store – WordPress WooCommerce Theme

lazy-placeholder

Landing Watch – WordPress WooCommerce Theme

lazy-placeholder

Online Courses – WordPress WooCommerce Theme

lazy-placeholder

Burger Store – WordPress WooCommerce Theme

lazy-placeholder

Architecture – WordPress Theme

lazy-placeholder

Beaty & Cosmetics – WordPress WooCommerce Theme

lazy-placeholder

Sneakers Store – WordPress WooCommerce Theme

lazy-placeholder

Furniture Store – WooCommerce Theme

lazy-placeholder

Jewellery Niche Market – Multivendor WP WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.