Docs

[5wan]

Hi,

On my Homepage
I have a button “Buy Now” (in a text widget – sidebar):

[button style=”x-btn” type=”link” target=”false” title=”” href=”http://www.duncanswan.me/books/”%5DLearn More[/button] [dropdown dropup=”dropup”]
[dropdownhead style=”x-btn” size=”btn-lg” split=””]
Buy Now
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]<i class=”fa fa-amazon” aria-hidden=”true”></i> Amazon[/dropdownitem]
[/dropdownbody]
[/dropdown]

On ‘select’ the button opens a drop-down menu.

I’m trying to isolate the background / area beneath the text (to change the colour).
However I have another set of CSS:

.widget_text ul {
background-color: transparent;
border-radius: 3px;
text-align: center;
font-size: 18px;
text-shadow: none;
list-style-type: none;
margin-right: 0px !important;
margin-left: 0px !important;
}

That’s overwriting all my text widgets, and changing their backgrounds to transparent (which is important for the top posts “Most Viewed ART” section I have further down the page).

How do I just select dropdown button background, or exclude it from the CSS above?

Thanks

[5wan]

This reply has been marked as private.

[Jade]

Hi Duncan,

If my understanding is correct, you aim to change the background of the dropdown that displays when the Buy Now button is clicked right? If so, please use the selector below and add the CSS styles in it.

.btn-group.dropup ul.dropdown-menu {

}

Hope this helps.

[5wan]

Perfect thanks,

One more question.

I’m trying to change the color of the font of the dropdown that displays when the Buy Now button is clicked.
Currently it’s red.

Setting-
color: #fff;

Has no effect,
What am I doing wrong?

Thanks

[Christopher]

Hi there,

Please add this as well :

ul.dropdown-menu li a i, ul.dropdown-menu li a {
    color: #fff !important;
}

Hope it helps.

[Author]

Posts