Header Menu drop down button

[sittingprettyclothing]

Hi.

I recently purchased a currency switcher and in need of some help styling it in my header menu.
1. I would like the button colour to not be visible. Just the text with the arrow next to it. (Like the rest of the menu headings)
2. The drop down button seem stop not be spaced enough because the arrow is on top of the text. I would like to have it next to the currency.
3.The drop down currencies’s spacing seems to be quite a lot, can I have the text closer together like the shop’s drop down?
4.Can they also be in bold like the rest of the menu headings

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.dd-pointer {
    right: -5px !important;
    margin-top: -6px !important;
}
.dd-select {
    background: transparent !important;
    top: 21px !important;
}
.dd-options li{
margin:0px !important;
display:block !important;
}

Thanks
Mohammad

[sittingprettyclothing]

Hi Mohammad

No change to the menu.
Pasted it to my general options, custom css.

[Mohammad – SUPPORT]

Hi,
First remove this code from custom css :-

// Change number or products per row to 3
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
return 3; // 3 products per row
}

And remove the one . dot before this code:-

..dd-pointer {
   right: -5px !important;
   margin-top: -6px !important;
}
..dd-select {
   background: transparent !important;
   top: 21px !important;
}
..dd-options li{
margin:0px !important;
display:block !important;
}

Thanks
Mohammad

[sittingprettyclothing]

Hi Mohammad

Ok it looks different, but not exactly right. There is still a block around it and the whole thing seemed to have moved down now.I would like there to be no block at all, just the text with the arrow next to it.
The spacing between the currencies is also still too far apart, can we please fix that? If you hover over the shop drop down, you’ll see the spacing I’m looking for. We’re still going to add more currencies so the list will become far too long if that is the spacing.

Thanks.

[Mohammad – SUPPORT]

Hi,
Just use this custom css code:-

.dd-select {
    border: none !important;
}

Thanks
Mohammad

[sittingprettyclothing]

Hi,

Ok i fixed the text that moved down by removing the ‘top: 21px !important;’ part. Thanks for the help.

Still have the spacing problem. How can i make the spacing smaller in-between the currencies? The drop down is still too long and far apart.
can you give me coding to make the text bold as well, like the header menu.

Thanks so much, this helped a lot.

Cathy

[Mohammad – SUPPORT]

Hi,
Just attach a marked screenshot to indicate the issue.
Thanks
Mohammad

[sittingprettyclothing]

Hi
Find attached

Kind Regards
Cathy

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css:-

.woocommerce-currency-switcher-form a.dd-option {
    padding: 0px 10px !important;
}

Thanks
Mohammad

[sittingprettyclothing]

Ahh great! Thanks Mohammad.

I would like to make it bold too please?

Kind Regards
Cathy

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.dd-selected-text{
font-weight:bold !important;
}

Thanks
Mohammad

[sittingprettyclothing]

Thanks a lot Mohammad. Appreciate the help 🙂

[Mohammad – SUPPORT]

Hi,
Glad 🙂 to help you.
Thanks
Mohammad