Spacing between summary/list

  • pelletsvanjos

    (@pelletsvanjos)


    5 years, 11 months ago

    im busy to make a new website, but im struggeling with some small issues, based on design.

    how do I change the distance between the list/summary of product:
    FRABOPRESS C-staal V 15mm persfitting bocht MF 90°

    catalogpage:
    [ redundant link removed ]

    product page:
    /product/frabopress-c-staal-v-15mm-persfitting-bocht-mf-90/

    its about this text/summary:
    Voordelen:

    -Geschikt voor meerdere toepassingen
    -Eenvoudige installatie
    -Snelle installatie
    -Installaties uitgevoerd met FRABOPRESS C-STEEL V hebben geen verdere buisbescherming of verf nodig (met uitzondering van de beoogde isolatieactiviteiten)
    -Uitgerust met het innovatieve SECURFRABO-systeem voor het detecteren van lekken op niet-geperste fittingen, wat een waardevol kenmerk is voor veilig testen en om elk gebrek aan persen te identificeren.

    Deze persfitting is geschikt voor voor meerder toepassingen met een werkdruk tot 16bar:
    -Gesloten verwarmingssystemen(CV) 0° / +110° C
    -Gesloten koelsystemen -10° / +110° C
    -Olievrije perslucht (restolie < 5mg/m3) 30° C
    -Gesloten sprinkler systeem 30° C

    i hope some one can help me with this, i have a example how i want to seee it

    thanks
    Jos Heikens

    • This topic was modified 5 years, 11 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Animesh Gaurav (a11n)

    (@bizanimesh)

    5 years, 11 months ago

    I think you are using Flatsome theme and WooCommerce plugin.

    I don’t know if the theme provides customization or not.

    But you can do that by adding Custom CSS.

    To add CSS go to Customize > Additional CSS section and paste this CSS there:

    .price-wrapper .price {
    margin-bottom: 1em;
}

    You can increase or decrease the margin-bottom value according to your requirements.

    After pasting the CSS, you should get result like this: https://imgur.com/a/qUjVrd3

    Apply and see if it works 🙂

    Thread Starter pelletsvanjos

    (@pelletsvanjos)

    5 years, 11 months ago

    Hello Animesh Gaurav,

    thank you for the reply.

    I use flatsome theme and woocommerce pluging.

    i tried this custom css, this one works for the space between price and text. but in the link you see the issue what i mean, with the space

    View post on imgur.com

    and the wish how to show it

    View post on imgur.com

    • This reply was modified 5 years, 11 months ago by pelletsvanjos.
    Animesh Gaurav (a11n)

    (@bizanimesh)

    5 years, 11 months ago

    Hi,

    Actually the element has margin-bottom:.6em;, that’s why it is appearing like this: https://imgur.com/aixCLAn

    Okay, please add this CSS in your Additional CSS section:

    .entry-content ol li, .entry-summary ol li, .col-inner ol li, .entry-content ul li, .entry-summary ul li, .col-inner ul li {
    margin-bottom: 0;
}

    It should work.

    Thread Starter pelletsvanjos

    (@pelletsvanjos)

    5 years, 11 months ago

    thanks allot! This is working and its now good.
    I’am happy:)

    Animesh Gaurav (a11n)

    (@bizanimesh)

    5 years, 11 months ago

    You’re welcome 🙂

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

The topic ‘Spacing between summary/list’ is closed to new replies.