Return to previous page

Issues with the dark theme styling of Legenda theme

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

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
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
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
, 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
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
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

Rose Tyler

Support staff

December 19, 2016 at 11:00

Hello,

You’re welcome!
Have a nice day.

Regards,
Rose Tyler.

#149440 Copied
Tagged: #legenda, dark theme, issues, persuasive, styling, themes, woocommerce
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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Animals Store – WooCommerce Theme

lazy-placeholder

Beaty & Cosmetics – WordPress WooCommerce Theme

lazy-placeholder

Electronics Store – WordPress WooCommerce Theme

lazy-placeholder

Games Store – WordPress WooCommerce Theme

lazy-placeholder

Mango – Responsive eCommerce PSD Template

lazy-placeholder

Architecture – WordPress Theme

lazy-placeholder

Spa – WooCommerce Theme

lazy-placeholder

Landing Watch – WordPress WooCommerce Theme

lazy-placeholder

Car Parts Store – WordPress WooCommerce Theme

lazy-placeholder

Underwear Store – 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.