Set background colour - by Karll - on WordPress WooCommerce support

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

  • Avatar: Karll
    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?

    67 Answers
    Avatar: Karll
    Karll
    Participant
    August 9, 2014 at 09:20

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

    Avatar: Eva
    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.

    Avatar: Karll
    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

    Avatar: Eva
    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.

    Avatar: Karll
    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?

    Avatar: Karll
    Karll
    Participant
    August 9, 2014 at 10:39

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

    Avatar: Eva
    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.

    Avatar: Karll
    Karll
    Participant
    August 9, 2014 at 11:05

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

    Avatar: Karll
    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?

    Avatar: Eva
    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.

    Avatar: Karll
    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?

    Avatar: Karll
    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?

    Avatar: Karll
    Karll
    Participant
    August 9, 2014 at 11:38

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

    See screen shot…

    Avatar: Eva
    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.

    Avatar: Karll
    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?

    Avatar: Karll
    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…

    Avatar: Eva
    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.

    Avatar: Karll
    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/

    Avatar: Karll
    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?

  • 1 2 3 4
    Viewing 20 results - 1 through 20 (of 68 total)

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

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