Title: CSS Last modified: August 30, 2016 --- # CSS * Resolved [Gardoum](https://wordpress.org/support/users/gardoum/) * (@gardoum) * [10 years, 10 months ago](https://wordpress.org/support/topic/css-97/) * Hello, i have a small issue * I just wanted to know where am i supposed to to some css to make those accordion look better? šŸ˜” * Because when i do it in my them style.css, it doesnā€™t work. * Thanks for reading, Gardoum * [https://wordpress.org/plugins/accordion-shortcodes/](https://wordpress.org/plugins/accordion-shortcodes/) Viewing 10 replies - 1 through 10 (of 10 total) * Plugin Author [philbuchanan](https://wordpress.org/support/users/philbuchanan/) * (@philbuchanan) * [10 years, 10 months ago](https://wordpress.org/support/topic/css-97/#post-6368286) * What styles are you adding? They should go in the theme folder in style.css. * Thread Starter [Gardoum](https://wordpress.org/support/users/gardoum/) * (@gardoum) * [10 years, 10 months ago](https://wordpress.org/support/topic/css-97/#post-6368338) * Hi, * I just tried the background first to see if it works, and it doesnā€™t. * I even tried to copy this code in my css * .accordion { border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; } .accordion- title { border-top: 1px solid #dbdbdb; margin: 0; padding: 20px 0; cursor: pointer;}. accordion-title:hover {} .accordion-title:first-child {border: none;} .accordion- title.open {cursor: default;} .accordion-content {padding-bottom: 20px;} * But i donā€™t see anything. Do you think thatā€™s because iā€™m using a child theme? I already did a lot of css on my theme, i just have issue with the css of this plugin. * Plugin Author [philbuchanan](https://wordpress.org/support/users/philbuchanan/) * (@philbuchanan) * [10 years, 10 months ago](https://wordpress.org/support/topic/css-97/#post-6368413) * Being a child theme shouldnā€™t make a difference. Is it possible for you to share a link to the site for me to take a look? * Thread Starter [Gardoum](https://wordpress.org/support/users/gardoum/) * (@gardoum) * [10 years, 10 months ago](https://wordpress.org/support/topic/css-97/#post-6368414) * Oh yep sorry, i forgot the link * [http://gardoum.com](http://gardoum.com) * When i try to modify by using F12 on google chrome, it works. And when i copy the same css in my style.css, it doesnā€™t affect the accodion at all :/ * Plugin Author [philbuchanan](https://wordpress.org/support/users/philbuchanan/) * (@philbuchanan) * [10 years, 10 months ago](https://wordpress.org/support/topic/css-97/#post-6368416) * What page did you use the accordion on? * Thread Starter [Gardoum](https://wordpress.org/support/users/gardoum/) * (@gardoum) * [10 years, 10 months ago](https://wordpress.org/support/topic/css-97/#post-6368421) * Oh not any visible page * [http://wp.me/p6dgsC-Ne](http://wp.me/p6dgsC-Ne) * Pass : accordion * Thread Starter [Gardoum](https://wordpress.org/support/users/gardoum/) * (@gardoum) * [10 years, 10 months ago](https://wordpress.org/support/topic/css-97/#post-6368442) * well, easier here to see it * had issue with the last link * [http://gardoum.com/accordion/](http://gardoum.com/accordion/) * Plugin Author [philbuchanan](https://wordpress.org/support/users/philbuchanan/) * (@philbuchanan) * [10 years, 10 months ago](https://wordpress.org/support/topic/css-97/#post-6368473) * Iā€™ve taken a look at the site and canā€™t figure out what the issue is and why it wonā€™t load those styles. My suggestion for next steps for trying to figure it out: 1. Add `!important` to the styles to see if there are other styles overriding them. 2. Try adding the styles directly to the `` of the document and see if that works. 3. Try deactivating other plugins to see if there is a conflict somewhere. * [LauraRuggeri](https://wordpress.org/support/users/lauraruggeri/) * (@lauraruggeri) * [10 years, 9 months ago](https://wordpress.org/support/topic/css-97/#post-6368592) * Hi Phil. I need help with two things regarding the CSS, please. Sadly I canā€™t share the page with you because itā€™s an internal company site. * 1) I need to know how to fix the css so that I can alter the

tag that the default is generating. For example my [accordion-item title=ā€lauraRuggeriā€] but when it generates it comes out LAURARUGGERI on the page. I tried to add the following to the css for my theme, but itā€™s not doing anything. .accordion-title { text- transform: none; } * So, I tried to inspect element on the live page and saw the

tag that is being generated. When I change it from h3 it has the effect I want, but I canā€™t figure out how to alter it in the css. Please help! * 2) There is a lot of space between my accordion items. I have several listed on a page. They expand and collapse, but when collapsed there is a lot of white space between them. Iā€™ve removed all padding. Is there something else I can do to make this look better? * Thank you so much for the help. Iā€™m a total newbie. * Plugin Author [philbuchanan](https://wordpress.org/support/users/philbuchanan/) * (@philbuchanan) * [10 years, 9 months ago](https://wordpress.org/support/topic/css-97/#post-6368593) * Hi Laura, * You canā€™t change the HTML tag in CSS but you can in the accordion short code. Something like this should work: * `[accordion tag="h2"]...[/accordion]` * Change the `h2` to one of the following tags that works best for you: `h1`, ` h2`, `h3`, `h4`, `h5`, `h6`, `p` or `div`. * The other item is a little more tricky. WordPress by default adds a lot of extra spaces around shortcodes. The easiest fix is to add this to your functions.php file for your theme. * ``` /** * Fixes empty

and
tags showing before and after shortcodes in the * output content. */ function pb_the_content_shortcode_fix($content) { $array = array( '

[' => '[', ']

' => ']', ']
' => ']', ']
' => ']' ); return strtr($content, $array); } add_filter('the_content', 'pb_the_content_shortcode_fix'); ``` * Keep in mind this will impact all your shortcodes, so make sure to test everything. Viewing 10 replies - 1 through 10 (of 10 total) The topic ā€˜CSSā€™ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/accordion-shortcodes.svg) * [Accordion Shortcodes](https://wordpress.org/plugins/accordion-shortcodes/) * [Frequently Asked Questions](https://wordpress.org/plugins/accordion-shortcodes/#faq) * [Support Threads](https://wordpress.org/support/plugin/accordion-shortcodes/) * [Active Topics](https://wordpress.org/support/plugin/accordion-shortcodes/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/accordion-shortcodes/unresolved/) * [Reviews](https://wordpress.org/support/plugin/accordion-shortcodes/reviews/) ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * 10 replies * 3 participants * Last reply from: [philbuchanan](https://wordpress.org/support/users/philbuchanan/) * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/css-97/#post-6368593) * Status: resolved