How to customize popup from button

Hi there. 
I am using the popup shortcode and I need to change 
- the background color of the popup page 
- the font of the button that open the popup, 
but I can't find any place where to do it.

I also tried to add some css in the shortcode but nothing happened.

This is my original popup shortcode I need to change:

[popup title="JARIT" padding="20" button="1"]<img class="scale-with-grid" src="http://bistro96milano.it/wp-content/uploads/2018/06/jarit-bistro96milano.jpg" alt="" />[divider height="15"]<H3>JARIT – RICETTE GOURMET DA GUSTARE OGNI GIORNO</H3>Jarit nasce dall’idea di racchiudere dentro un vasetto un’esperienza gastronomica, per gustare un piatto di alta qualità, preparato con le migliori materie prime e secondo la tradizione delle ricette italiane. Pietanze raffinate, cucinate da esperti Chef della ristorazione nostrana; un ricco assortimento di pietanze, le ‘collezioni’, studiato per cercare di soddisfare tutti i palati e per venire incontro a diverse esigenze alimentari. Piatti vegetariani e per celiaci, realizzati solo con ingredienti di prima qualità.[/popup]

Any advice, please?
Thank you in advance for your help
valeria

Comments

  • Hi,
    Try to use this Custom CSS code to change font:
    body.page-id-5 #prodotti span {
    font-family:"YourFont" !important;
    }
    To change a color of popup background, use this code:
    .popup-content {
    background: red !important;
    }
    Thanks
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.