hi,
seems to be correct; can you also try to insert your custom css in your theme header.php below <?php wp_head(); ?>
e.g.
<?php wp_head(); ?>
<style>
.em-booking-form-details {
width: 460px;
}
</style>
I may have to take that approach, but I would rather do it in the stylesheet if possible. The documentation is not very clear about this point. It says “Add to your theme’s CSS files to further style the page.” But it doesn’t seem to be that simple.
you can either create a child theme : https://www.google.com/search?q=child+theme&aq=f&oq=child+theme&sourceid=chrome&ie=UTF-8
or just edit the theme’s style.css file directly (which is fine if you don’t update the theme)
another alternative is a plugin that lets’ you add CSS via settings, e.g. jetpack does that.
That’s what I was doing – editing the theme’s style directly. It is a theme that I designed. But the class definition for .em-booking-form-details in the theme stylesheet did not take precedence over the same class defined in the plugin stylesheet.
could it be that your theme style.css loads first before EM that is why it’s not working? also, do you have a sample link for us to see?
Yes, when I look at the HTML generated, I see that the theme style sheet loads first, and plug-in style sheets load after that. Isn’t that normal behavior?
Here is the URL:
http://www.phillipsmill.dreamhosters.com/events/comedy-cabaret-thursday-may-9/
I have been doing some research, and it seems I may have to either use the wp_enqueue_style function in functions.php or use !important in my CSS. It just seems strange that this hasn’t come up before or is mentioned in the documentation.
you may need to use more specific CSS rules to take priority over ours
for example
.class-in-your-html .em-booking-form-details{
}
your site is down though, so can’t comment more.
OK. Thanks. Yes, host had power issues. The U part of UPS stopped working. Should be resolved now.
