Return to previous page

Set background colour - by Karll - on WordPress WooCommerce support

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

  • Avatar: Karll
    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
    Avatar: Karll
    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
    Avatar: Eva
    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
    Avatar: Karll
    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
    Avatar: Eva
    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
    Avatar: Karll
    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
    Avatar: Karll
    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
    Avatar: Eva
    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
    Avatar: Karll
    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
    Avatar: Karll
    Karll
    Participant
    August 11, 2014 at 13:37

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

    #12239 Copied
    Avatar: Karll
    Karll
    Participant
    August 11, 2014 at 14:19

    Can you set the background colour of this Proceed To Checkout button to #FBCFCF please, and also where it says Coupon Code and the quantity number background, can that be set to #FCFBE3 thanks…

    #12244 Copied
    Avatar: Karll
    Karll
    Participant
    August 11, 2014 at 14:21

    Are all these changes done on the style.css file?

    #12245 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    August 11, 2014 at 14:45

    I’ve made changes in custom.css file. Please check the site now. You don’t need to edit style.css. All style changes can be made in custom.css to avoid losing modifications after theme update.
    Please clarify what issue is with search form.
    Thank you.

    Regards,
    Eva Kemp.

    #12246 Copied
    Avatar: Karll
    Karll
    Participant
    August 11, 2014 at 14:52

    Ok, thank you.

    See attached screen shot for the search bar, one part of it is in pink.

    #12247 Copied
    Avatar: Karll
    Karll
    Participant
    August 11, 2014 at 14:53

    Also can you make the border colour for all buttons black, the hover colour is fine, thank you…

    #12248 Copied
    Avatar: Karll
    Karll
    Participant
    August 11, 2014 at 14:55

    Can you also make the outline border for this black, see screen shot…

    #12249 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 11, 2014 at 15:20

    Hello,

    I’ve made the requested changes. Please check!

    Regards,
    Jack Richardson

    #12254 Copied
    Avatar: Karll
    Karll
    Participant
    August 11, 2014 at 15:27

    Thank you, when you hover over it now, the border is black also, can you leave the hover border the way it was?

    #12258 Copied
    Avatar: Karll
    Karll
    Participant
    August 11, 2014 at 15:30

    Also can you make the review background this colour please -> #FCFBE3

    See attached screen shot…

    #12261 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    August 11, 2014 at 16:30

    Hello,

    The review background color has been changed.
    Please clarify what you’re talking about: “when you hover over it now, the border is black also”.
    What is “it”?

    Thank you.

    Regards,
    Eva Kemp.

    #12275 Copied

  • Tagged: , , , , ,

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

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Interior – WordPress WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Wedding Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – 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.