We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

space between the Read More button and the header

Featured Lock Resolved
I want to have some more space between the Read More button and the header of the next article.
Where can i change this?

11 Answers

almamun

More than a month ago #Permalink
Find .item_innerDiv in joomla.css, arround line 28. increase bottom margin as you wish

viggo Berg

More than a month ago #Permalink
I tried to increase the value. Item_innerDiv but the distance did not change.

.item_innerDiv {margin-bottom:70px}
.items-leading .item_innerDiv {background: #f5f5f5;padding: 10px;border: 1px solid #e5e5e5;margin-bottom:70px}

Admin Atai

More than a month ago #Permalink
Hey there!

same issue here. I am not able to find .item_innerDiv in /templates/shaper_helix_ii/css/template.css

Not sure whether I am in the right file to do that...

Any help?

Thanks!

PS: my template is Helix II. I posted this question under this thread since I guess the solution should be pretty much the same.

Ehsan Riyadh

More than a month ago #Permalink
There is lots of difference between Neo and Helix-II template. Where you are facing this kind of problem?

Admin Atai

More than a month ago #Permalink
There is lots of difference between Neo and Helix-II template. Where you are facing this kind of problem?

Hi Ehsan,

Say I have 2 articles (both of them with the "Read more" option enable) in a 1-column page. The thing is that my 2nd article starts right after the "Read more" line of the 1st article with no space between these 2 lines. Something like this:

Title article 1

blablabla
blablabla

Read more
Title article 2

bla bla bla
...

Ehsan Riyadh

More than a month ago #Permalink
The easy solution is use blank p or br after read more, so you are free from css code.

Admin Atai

More than a month ago #Permalink
The easy solution is use blank p or br after read more, so you are free from css code.

Ehsan, I tried that but the "Read more" option truncates everything right after itself. That means that the space is ONLY introduced when I view the whole article (after clicking on "Read more";).

Hope you can help me in this regard.

Martin

More than a month ago #Permalink
Hi, I am using Helix Ultimate and I have the same problem. The gap between "Read more" and next article is that small....in other words, no gap. Same as Admin Atai:

Published date article 1

Title article 1

blablabla
blablabla

Read more
Published date article 2

Title article 2

bla bla bla
blablabla

Read more

I would need either smaller gap between Published date article 1 and and Title article 1, or bigger gap between Read more article 1 and Published date/Title Article 2

I searched in /templates/shaper_helixultimate/css/template.css but no luck to find what to change there.

Could you please help?

Thanks,
Martin

Paul Frankowski - Staff

More than a month ago #Permalink
Martin please focus !!!
add new topic in right category again !

Martin

More than a month ago #Permalink
Sorry Paul, you can delete the question, just posted in the Helix Ultimate. I have been searching on google and found this topic via Google because it is unique and difficult to find something similar so overloooked wrong template section.

Paul Frankowski - Staff

More than a month ago #Permalink
Martin BTW
1) Helix Ultimate have it's own Manual , where is described how to use custom css
2) Use Code Inspector from your browser

Thanks/Danke


There are no replies made for this post yet.
Be one of the first to reply to this post!

126

Templates

333901

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us