Title: CSS in shortcode overriding page CSS
Last modified: August 30, 2016

---

# CSS in shortcode overriding page CSS

 *  Resolved [o0elvis0o](https://wordpress.org/support/users/o0elvis0o/)
 * (@o0elvis0o)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/css-in-shortcode-overriding-page-css/)
 * I am using plugin My Shortcodes v.2.3 to create a price table. When I specify
   a list style in the code I am using in the shortcode it overrides the list style
   in the main menu for the page I am using the shortcode on. I tried using a plugin
   to add custom css to the site in an effort to reset the li style back to none
   but the menu is determined to have circles just like the list on the page.
 * I also tried to create an ul class and set the list style that way for my list
   but I can’t get the page to apply that when it loads in a browser.
 * Any other ideas?
 * o0elvis0o

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Sean Davis](https://wordpress.org/support/users/sdavis2702/)
 * (@sdavis2702)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/css-in-shortcode-overriding-page-css/#post-6313387)
 * Can you link to your site and point out the exactly problem areas? If it’s just
   a CSS issue, I should be able to help.
 *  Thread Starter [o0elvis0o](https://wordpress.org/support/users/o0elvis0o/)
 * (@o0elvis0o)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/css-in-shortcode-overriding-page-css/#post-6313390)
 * Here is the page where I am adding a price table created using My Shortcodes.
   The li list-style is set to circle inside and it is effecting the main menu as
   well. This is only happening on this page.
 * [http://www.cpbpublishing.org/sermon-to-book-price-guide/](http://www.cpbpublishing.org/sermon-to-book-price-guide/)
 *  [Sean Davis](https://wordpress.org/support/users/sdavis2702/)
 * (@sdavis2702)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/css-in-shortcode-overriding-page-css/#post-6313414)
 * Adding this to your child theme stylesheet or custom CSS plugin should do the
   trick:
 *     ```
       #menu-primary-items > li {
         list-style: none;
       }
       ```
   
 *  Thread Starter [o0elvis0o](https://wordpress.org/support/users/o0elvis0o/)
 * (@o0elvis0o)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/css-in-shortcode-overriding-page-css/#post-6313429)
 * Perfect!! Thank you! Thank you!
 * I am learning as I go and never would have tried using the child theme to override
   the list style.
 *  [Sean Davis](https://wordpress.org/support/users/sdavis2702/)
 * (@sdavis2702)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/css-in-shortcode-overriding-page-css/#post-6313473)
 * Glad I could help!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS in shortcode overriding page CSS’ is closed to new replies.

 * 5 replies
 * 2 participants
 * Last reply from: [Sean Davis](https://wordpress.org/support/users/sdavis2702/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/css-in-shortcode-overriding-page-css/#post-6313473)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics