Recent
Categories
View Replies (12)

Spacing between Articles. Classic template

0
Votes
Undo
  1. lorenzo
    lorenzo
  3. Free Templates / Extensions
  4. Tuesday, 04 August 2015
  5.  Subscribe via email
I am building a site using the excellent classic template. Up until now all has been smooth and the small customisations I needed to make were fairly simple. But I have hit a problem and after hours of trying to fix it am no nearer a solution. Any help is much appreciated.

There is barely any space between the Read More link and the next article header. How can I create it? I have added a near empty ghost article and omitted the read more (should this be a button?) and the space seems okay. But I need the read more button to make the site look as I want it to. Does anyone have a solution?

Site
http://www.cardiolefrog.fr/
Responses (12)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Lorenzo

To resolve try adding the following to the Custom CSS field of your templates parameters (edit to taste)...


.post {

    margin-bottom: 30px;

}


Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 1
lorenzo
lorenzo
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran,
I tried this buit there is no change. The custom css now looks like this

/*-----------------------------------------------------------------------------------*/
/* Custom CSS */
/*-----------------------------------------------------------------------------------*/

.post {
margin-bottom: 30px;
}

Is there anything else I should be doing? Do I need to create overides in order for the custom css to work?
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Lorenzo

Just to confirm, you have added the suggested CSS to the Custom CSS field, not the custom.css file?

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 3
lorenzo
lorenzo
Accepted Answer Pending Moderation
0
Votes
Undo
er no. Sorry, i put it in the custom css.
What is the Custom CSS field?
Much thanks
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 4
lorenzo
lorenzo
Accepted Answer Pending Moderation
0
Votes
Undo
Many many thanks . I figured what the custom css field was and posted the code. Worked straightaway.
One more thing. On the demo the read more is a lovely blue button. All I have is a line of text. Is it pretty straight-forward to change this?
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Your Custom CSS field can be found by navigating to Extensions -> Template Manager -> [YourTemplateStyle] -> 'Custom CSS' tab.

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Great.. thank you for the update!

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 7
avarua
avarua
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran,

adding

.post {
margin-bottom: 30px;
}

to costum-css does not work on your emani-template.

How to add mor space between articles there?

Thank you!
Mirko
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 8
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mirko

Would you have a URL to an example of the articles in question?

Ciaran
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 9
avarua
avarua
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
https://homepagejoomla.live-website.com/index.php/aktuelles

Site is in progress ;o)

There are also the "Introductory images" in the blog, that i cant remove :o(
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 10
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

(edit to taste)

.blog-items .blog-item {

    margin-bottom: 3rem;

}


Ciaran
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 11
avarua
avarua
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
ok, that works perfect! :o)

For the problem with the images you have no idea i guess?
will be a joomla-thing i guess.

Thank you for your help!!!! :o)
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 12
  • Page :
  • 1


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