How do I change the opacity of the drop down menu in the Testament theme?

Emma_Rampton1
Shopify Partner
14 0 0

Hi there,

 

I am currently building this website

https://daisy-emerson-artist.myshopify.com/

Password: Daisy

I am trying the change the opacity of the pink drop-down menus and also remove the white border that is around them. I have tried changing several bits of code in 

stylesheet.css.liquid and adding various things to the end of the style sheet but nothing I change or add makes any difference to the site at all.

 

I am at a bit of a loss!

 

Any assistance would be greatly appreciated.

 

TIA

 

Emma

 
0 Likes
JHKCreate
Shopify Partner
2481 426 581

Hi Emma,

Add the following code to your stylesheet.css:

ul.dropdown.js-dropdown {
    border: none!important;
}


If that doesn't work, go to your theme.liquid file and paste the following at the end:

<style>
ul.dropdown.js-dropdown {
    border: none!important;
}
</style>


Let me know what happens!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
Emma_Rampton1
Shopify Partner
14 0 0

Hey,

 

Thanks so much for the suggestions.

I tried both ways but neither had any effect on the opacity of the dropdown menu

Any other ideas????

 

TIA

0 Likes
JHKCreate
Shopify Partner
2481 426 581

Add this code for the opacity as well:

ul.dropdown.js-dropdown
{
background:#f4e8eb!important;
}


Let me know if that works!

 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
Emma_Rampton1
Shopify Partner
14 0 0

So I added that code so I now have

 

/* Change Opacity Dropdown Menu */
ul.dropdown.js-dropdown {
border: none!important;
}
ul.dropdown.js-dropdown
{
background:#f4e8eb!important;
}

This has removed the white border around the drop-down menu box and removed the annoying keyboard focus I was getting but it still hasn't had any effect on the opacity of the pink drop-down menu box?????

 

What does 

#f4e8eb!

 mean?

 

Thanks so much for all your help with this

 

0 Likes