Return to previous page

Issues with the dark theme styling of Legenda theme

This topic has 6 replies, 3 voices, and was last updated 8 years, 2 months ago ago by Rose Tyler

  • Avatar: drainfull
    drainfull
    Participant
    December 15, 2016 at 18:36

    Dear support team,

    I recently purchased the Legenda WP Theme and I found it amazing!

    However I have some issues after I installed the Dark Theme regarding the colors and the styling.

    I attach here some screenshots:

    Here the field is white

    Here it has a second menu

    Here it has these ugly arrows inside the box and the box is white and not grey

    Here the styling of the text is black

    In the private content I provide you with login details if you would like to take a look at these issues.

    Thank you in advance,
    Simon

    Please, contact administrator
    for this information.
    #149217 Copied Theme version: Legenda v.3.0.3 WooCommerce version: 2.6.9
    5 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 15, 2016 at 19:47

    Hello,

    Please add this code in custom.css file:

    .shopping-cart-widget .widget_shopping_cart_content {
background: #151515;
}

    Second menu on “My Account” page is related to Woocommerce. If you want to remove it. Use this css code:

    .woocommerce-MyAccount-navigation {
   display: none;
}

    I don’t see such arrows http://prntscr.com/djv6k8 . What browser are checking in?

    Add this code in custom.css file:

    .my-account-link .submenu-dropdown ul li a {
    color: #fff !important;
}

    How to create custom.css you can watch in this tutorial.

    Best regards,
    Jack Richardson.

    #149226 Copied
    Avatar: drainfull
    drainfull
    Participant
    December 16, 2016 at 22:31

    Hello,

    Thank you for your reply. I followed your instructions and I added the code to custom.css

    The code related to WooCommerce worked great! However the other two issues had an incomplete result.

    I attach here 2 screenshots with the description of the issues:

    In this one the color is ok, but the styling is not like in the demo (height of the text in regard to the arrows and the fonts used here are not the same with the rest of the theme)

    In this one the box color and line is white and not grey. The text inside is black and not white.

    About the arrows inside the box, I use firefox version 50.0 and the arrows appear only on my website. When I visit the original Legenda theme demo

      with the same browser

    , these ugly arrows do not appear there. Firefox is a widely used browser and I would like to fix this issue.

    Thank you for your help in advance.

    With regards,
    Simon

    #149355 Copied Theme version: Legenda v.3.0.3 WooCommerce version: 2.6.9
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 17, 2016 at 11:53

    Hello,

    1. Please use this css code:

    .my-account-link .submenu-dropdown ul li:before {
    line-height: 20px;
}
.my-account-link .submenu-dropdown ul li a {
    font-family: Georgia;
}

    2. Add the following css code:

    .shopping-cart-widget .widget_shopping_cart_content ul li .media-heading a, .shopping-cart-widget .widget_shopping_cart_content .totals p {
    color: #fff;
}
.shopping-cart-widget .widget_shopping_cart_content {
border: 1px solid grey;
}

.shopping-cart-widget .widget_shopping_cart_content ul li {
    border-bottom: 1px solid grey;
}

    3. As for arrows, please use this css code:

    input[type=number] {
-moz-appearance: textfield;
}

    Best regards,
    Jack Richardson.

    #149378 Copied
    Avatar: drainfull
    drainfull
    Participant
    December 17, 2016 at 16:00

    Hello mr. Jack,

    Your code worked like a charm and fixed all of the above issues!!!

    Thank you very much!!!

    With regards,
    Simon

    #149391 Copied Theme version: Legenda v.3.0.3 WooCommerce version: 2.6.9
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 19, 2016 at 11:00

    Hello,

    You’re welcome!
    Have a nice day.

    Regards,
    Rose Tyler.

    #149440 Copied

  • Tagged: , , , , , ,

  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Issues with the dark theme styling of Legenda theme’' 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
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress 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.