How to change background color of Dropdown title bar

This will affect all Dropdown title bars on your page.

To change the background color of your Dropdown title bars, go to your Page Settings > Styles, then copy and paste the following code into the Custom CSS field:

1. .spb-item.type_dropdown .smpb-dropdown-title {
2.         background-color: #dedede !important;
3. }

where #dedede is the hex code of the color you want.

Finally click Save.

You can use this tool to get the color hex code.

• Related Articles

• Can I change the background color of the Dropdown title?

  You can change the background color of the Dropdown title with a bit of code: Go to Page Settings > Advanced > Custom JS and add this below code. Note that this will affect all dropdowns on your page. .spb-item.type_dropdown .smpb-dropdown-title{     ...

• Change paragraph editor background color

  Tapita is the only page builder that offers a  2 modes background color for the HTML Paragraph editor. Even if the text is dark or bright simply toggle the switch in the bottom right of the editor to make it visible.

• How do I change the title of my page which appears on the browser tab?

  To change your page title, go to your Page Settings > SEO > Meta Title.

• How can I crop photos or change their size?

  We do not have the feature to crop or resize original images or image background at the moment. You can use an online photo editor to do that.

• How can I change the opacity of my image so my text is more visible? How can I make the image transparent?

  Currently Tapita does not support to adjust background image's opacity. Please use a photo editor to adjust the image before uploading to Tapita.