Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 22, 2016 at 11:42 pm #570371
    rdadnan

    How can i remove extra space on accordion content? Here’s my content screenshot, the arrow pointing extra space near the border of the accordion : content
    I have used this in quick css .toggle_content { margin: 0 ! important; padding: 0 ! important; } and it’s helped to remove some space but not all.

    Thanks.

    • This topic was modified 8 years, 10 months ago by rdadnan.
    January 23, 2016 at 2:49 am #570407
    Elliott

    Hey rdadnan!

    Send us a link to your page and we’ll take a look. You can set your reply as private if you wish.

    Regards,
    Elliott

    January 23, 2016 at 4:09 pm #570548
    rdadnan

    Thank you for reply. link been posted on private. If you visit the menu page, on the accordion content where item price located, there’s some space either side of orange hover color.

    January 23, 2016 at 6:29 pm #570576
    Basilis

    Hey!

    Please add to your CSS

    .wppizza-article { padding: 0px !important; }

    let us know if we can help you with anything else.

    thanks a lot

    Regards,
    Basilis

    January 24, 2016 at 12:44 pm #570766
    rdadnan

    Hi Basilis, i tried the code in enfold’s quick css but no improvement :(

    .toggle_content { margin: 0 ! important;
 padding: 0 ! important; }
.wppizza-article { padding: 0px ! important;
margin: 0px ! important; 
}
    January 24, 2016 at 1:46 pm #570787
    Basilis

    Hey!

    I tried it to the debugger and seems to be working correctly. Please make it !important and not ! important

    Best regards,
    Basilis

    January 24, 2016 at 4:15 pm #570814
    rdadnan

    no improvement :(
    if you could have look in my quick css, whether i done something wrong, it would be helpful.
    admin/pass on private

    • This reply was modified 8 years, 10 months ago by rdadnan.
    January 26, 2016 at 8:47 am #571949
    Ismael

    Hey!

    You set the width of the article to 98%. Use this instead:

    .wppizza-article {
    width: 100%;
    clear: both;
    overflow: hidden;
    padding: 5px!important;
    margin: 0 auto 10px!important;
}

    Best regards,
    Ismael

    January 26, 2016 at 5:05 pm #572218
    rdadnan

    Thank you Ismael, it didn’t make difference. But instead of article width, when i change the hover width to 100% it work with some unwanted design effect( push away the price label) `.wppizza-article:hover {
    width: 100%;
    background: #ffeec7;
    }`

    • This reply was modified 8 years, 10 months ago by rdadnan.
    January 27, 2016 at 9:53 am #572703
    Ismael

    Hi!

    The plugin has its own responsive css file and it overrides the custom css modifications that we are adding to the theme. Please modify the plugins responsive css style located on wp-content > plugins > wppizza > css > wppizaa-responsive.css file. Look for this code:

    .wppizza-article {
    width: 98%;
    clear: both;
    overflow: hidden;
    padding: 5px 0!important;
    margin: 0 auto 10px!important;
}

    .. replace it with:

    .wppizza-article {
    width: 100%;
    clear: both;
    overflow: hidden;
    padding: 10px !important;
    margin: 0 auto 10px!important;
}

.wppizza-article:hover {
background: #ffeec7;
}

    Regards,
    Ismael

    January 27, 2016 at 1:42 pm #572848
    rdadnan

    Thank you Ismael for pointing me in right direction. It’s worked :)

    January 27, 2016 at 7:36 pm #573213
    rdadnan

    By the way, can you recommend me a sticky sidebar plugin that work with enfold? (Q2W3 Fixed Widget plugin mentioned on enfold forum not work smoothly on enfold)

    January 28, 2016 at 4:03 pm #573801
    Vinay

    Hi!

    There are several 100’s of plugins out there and most of them should work without any issue but we cannot recommend a plugin that works with your site as each site is setup up with different plugins and different settings.

    You have to try it to know if it will work on your site https://wordpress.org/plugins/

    or google ” fixed sidebar site:kriesi.at ” to see how some of the enfold users have achieved a fixed sidebar.

    If the solution did not work for you please open a new ticket for new issue so we can avoid multiple issues getting mixed in one ticket

    Regards,
    Vinay

    January 28, 2016 at 6:50 pm #573966
    rdadnan

    Thanks Vinay for pointing out the resource.

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Removing extra space on Accordion content’ is closed to new replies.