Return to previous page

Styling the top-header with WPML - by BananeCosmique

This topic has 8 replies, 3 voices, and was last updated 5 years, 2 months ago ago by Olga Barlow

BananeCosmique

Participant

September 3, 2019 at 21:44

Hello,
I’m using your glasses demo theme but the style doesn’t match this demo as you can see there: https://xstore.8theme.com/demos/glasses/

The actual design in my website: https://pasteboard.co/IvKlzzx.png

#220637 Copied Theme version: Latest

7 Answers

Rose Tyler

Support staff

September 4, 2019 at 08:21

Hello,

Thanks for using our theme.
On our demo, you can see an example of the styling http://prntscr.com/p1k5mu
In your case, custom CSS code should be used to change the displaying. Provide URL of the site and we will help you with the custom code.

Regards

#220654 Copied

BananeCosmique

Participant

September 4, 2019 at 09:40

You can find the link in the private content area, thanks!

Please contact administrator
for this information.

#220674 Copied
Rose Tyler

Support staff

September 4, 2019 at 09:54
Hello,

Add this code in Theme Options > Custom CSS > Custom CSS for desktop:
```
.top-bar .wpml-ls-legacy-dropdown a, .top-bar .wpml-ls-legacy-dropdown a:hover {
    background-color: transparent;
    border: none;
    color: white;
}
.top-bar .wcml-cs-active-currency {
    padding: 7px 10px;
}
```
Regards
#220677 Copied
BananeCosmique

Participant

September 5, 2019 at 09:45

Hello,
This is better but the language selection and the currency selector seems not be aligned (like in the screen).
https://pasteboard.co/IvYxfvs.png
EDIT:
In the page of product as you can see there: https://pasteboard.co/IvYCe4N.png
The background is transparent, it’s not like the demo.
Thanks for your help!

#220823 Copied
Rose Tyler

Support staff

September 5, 2019 at 14:33
Hello,

Add this code also:
```
.top-bar .wcml-dropdown .wcml-cs-submenu li {
    border: none;
}
.top-bar .wcml-dropdown .wcml-cs-submenu,
.top-bar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border: 1px solid #cdcdcd;
}
.top-bar .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
    background-color: transparent !important;
    color: white;
}
.top-bar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    background-color: white;
}
.top-bar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    color: #222;
}
.top-bar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover {
    color: #888;
}
```
Waiting for your reply.

Regards
#220840 Copied
BananeCosmique

Participant

September 5, 2019 at 18:55

Thanks it’s good now!

#220871 Copied

Olga Barlow

Support staff

September 5, 2019 at 21:07

Hello,

You are welcome.

Regards

#220878 Copied
Viewing 8 results - 1 through 8 (of 8 total)