Return to previous page

Navigation elements and product page - by Oliver Theiß

This topic has 3 replies, 2 voices, and was last updated 2 years, 10 months ago ago by Oliver Theiß

  • Avatar: Oliver_Theis
    Oliver Theiß
    Participant
    June 7, 2021 at 20:14

    hello all,

    I have a question, where can I customize the color for these navigation elements, unfortunately I do not know how to call it 😀

    I would like to use the color shade: #2A3952 instead of black

    You have t customized for me the product page….. my please can you give me the code that the elements are also centered in the mobile view…. See screen shot

    Best thanks and thank you for all the support in the early days of my online store 😀

    best regards oliver

    https://www.deinfitnessfreund.de/wp-content/uploads/2021/06/navigation.png

    Produkt page
    https://www.deinfitnessfreund.de/wp-content/uploads/2021/06/produkt-page.png

    like you did it for this elements :
    .variations_form .woocommerce-variation-add-to-cart {
    width: 100%;
    }

    Thank you 🙂

    Oliver

    #290195 Copied Theme version: 7.2.10 WooCommerce version: 5.3.0 |
    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 8, 2021 at 07:09

    Hello,

    .back-top span {
    color: #2A3952;
}
.back-top svg path {
    stroke: #2A3952;
}

    Theme Options > Theme custom CSS > Custom CSS for mobile:

    .single-product form.cart table.variations,
.single-product form.cart table.variations td.value select {
    width: 100% !important;
}

    Regards

    #290221 Copied
    Avatar: Oliver_Theis
    Oliver Theiß
    Participant
    June 8, 2021 at 13:07

    thank you 🙂

    #290272 Copied
  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘navigation elements and product page’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Concert Store – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Interior – WordPress WooCommerce Theme
lazy-placeholder
Fishing – 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.