Helix Ultimate - Reduce Space Between Title And The First Text - Question | JoomShaper
Back to the questions

Helix Ultimate - Reduce Space Between Title And The First Text

O

Ottele

Template 5 months ago

In Joomla 5 using the Helix Ultimate template, I would like to reduce spaces between the title and the first text (red arrow), and between the lines (blue arrow).

How can I realize this please?

My test site can be seen at ottele.lu

Many thanks in advance for your help!

0
5 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #196556

Hi

Thanks for contacting us and sorry for your issue. Could you please give me that specific page link? So that I can check.

-Regards.

0
O
Ottele
Accepted Answer
5 months ago #196560

Hi,

My test site can be seen at https://ottele.lu/en/

Many thanks in advance for your help!

Kind regards, jm

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #196576

Hi JM,

About first "red arrow" in module, use this Custom CSS

#sp-right .sp-module .sp-module-title {margin: 0 0 10px; padding-bottom: 10px;}

About "blue arrow" there is double <br><br> that makes that space 

 <div class="mod-articlesnews__item" itemscope="" itemtype="schema.org/Article">



       - by sharing info, old documents, photos, or suggestions
    <br><br>

   - by following to or liking our <a href="/www.facebook.com/industrie.lu">Facebook-page</a> and our<a href="/www.instagram.com/industrie.lu"> Instagram page</a> 
    <br><br>

   - <a href="/component/content/article/90-industrie-lu-dvd.html?catid=85&amp;Itemid=846">by ordering our USB stick:<img src="/im/i/90-industrie-lu-USB.jpg" alt="" width="480" height="275">
    <br><br>

  - by making a donation, our project is mainly funded through private support</a>
    <br><br>


        </div>

Next time list <ul> with <li> , not <br>

0
O
Ottele
Accepted Answer
5 months ago #196644

Many thanks for your help.

About first "red arrow" in module, I have used your Custom CSS, it's working.

I had an have again the following code for the blue arrow:

<ul> <li>mat Informatiounen / alen Dokumenter / Fotoen / Verbesserungen</li> <li>mat engem Abo oder Like vun eiser <a href="/https://www.facebook.com/industrie.lu">Facebook-Säit</a> an eiser <a href="/https://www.instagram.com/industrie.lu">Instagram-Säit</a><br></li> <li><a href="/component/content/article/90-industrie-lu-dvd.html?catid=85&amp;Itemid=846">mat der Bestellung vum industrie.lu - USB Stick:<img src="/im/i/90-industrie-lu-USB.jpg" alt="" width="480" height="275"> <br></a><br></li> <li><a href="/component/content/article/90-industrie-lu-dvd.html?catid=85&amp;Itemid=846"> mat engem Don, well eise Projet gréisstendeels duerch privat Spenden finanzéiert gëtt. </a><br></li> </ul> <p>Fir eis ass all Geste eng grouss Hëllef! <br><br>Villmools Merci am Viraus fir all Ënnerstëtzung!</p>

But it doesn't show bullets. My test site can be seen at https://ottele.lu/en/

I don't know why.

0
O
Ottele
Accepted Answer
5 months ago #196675

I have solved temporary the problem of the no show of bullets in <ul> by changing the Module Style from Inherited to html5.

But then the border of the module disappears because the border is defined by Module class boxed-module.

The bullets are in the backend, but no in the frontend... Is there a solution?

0