Panel Shortcode (background color, text color)

[Digiblogger]

In your demo (features, shortcodes, panels) there are different colored panels. But there is no style attribute instead of rounded borders in the generator.
How can I set different colors for different panels?

[Laura]

Hello, could you share some screenshots or an url? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Digiblogger]

Hi Laura. It’s in your theme preview
In navigation features > shortcodes > panels

[Laura]

Hello, you can do this with css 🙂 Create the panels you want, then wrap them with a div class, then create a css for that class. Let me explain:

[SHORTCODE WITH PANEL] <- This is your panel now.

Add this for example:

<div class=”panel01″>
[SHORTCODE WITH PANEL]
</div>

Now go to Styling options of Sweetdate panel and scroll down to find Quick CSS

Add this

COPY CODE

.panel01 .panel.callout {
  background: #2ba6cb !important;
  color: #fff !important;
  border-color: #2284a1 !important;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5) !important;
  -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5) !important;
  box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5) !important;
}

Now just change those colors with the ones you want ( #2ba6cb and rgba(255,255,255,0.5) are colors )
And save.

Do this changing panel01 for what you want, if you create another panel , name it panel02 and do the same with the css, add new one but with panel02

Let meknow if it works 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Digiblogger]

Hi,

i know about this solution… But I think, adding bg-color and textcolor to the attributes would help more than just me 😉

Thanks for clearing.
Sure it works; )

[Laura]

Will add this to feature request then 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Digiblogger]

Great, thank you

[Author]

Posts