Joomla Templates Club 406,261 posts

[railer Friend railerJoin date: October 2007Posts: 236Downloads:102Uploads:9 Thanks: 17 Thanked: 24 times in 1 posts]

#188670

I just created a Featured Article blogroll menu item.
All of the readmore links are displaying on the same line as the article title, instead of after the Intro text.
Why is that, and how can I fix it so they are after the intro text?

Thanks,
Railer

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#497932

So that I can take a look and try to assist, please provide the url of the site you’re working on

[railer Friend railerJoin date: October 2007Posts: 236Downloads:102Uploads:9 Thanks: 17 Thanked: 24 times in 1 posts]

#497954

Hi Ninja Lead — I’ve sent the URL via PM.

Also on the same featured blogroll menu item page: can you advise why the blogroll heading “CURRENT NEWS & EVENTS” is right up against the slideshow position without and margin? I tried adding some margin-top space but that also affected the Home page featured articles heading (“What We’re Working On”). How do you suggest I fix it?

To clarify, I would like to add about 30px of space above the CURRENT NEWS… heading, and remove space above the WHAT WE’RE WORKING ON.

Thanks for your help,
Railer

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#498059

This way will help you fix the problem readmore link

Open templates/ja_travel/css/template.css file

Add new script

p.readmore {
margin-top: 20px;
}

With the second your request

Open templates/ja_travel/css/template.css file

From

.blog-featured .componentheading span {
/* ADDED BY BKLEE */
margin-top: 0px;
border-bottom: 2px solid #F24A6F;
display: block;
padding-bottom: 3px;
}

#ja-left div.ja-moduletable, #ja-left div.moduletable {
background: url("../images/bg-module.png") no-repeat scroll right top;
margin-right: 0;
padding-right: 15px;
padding-top: 20px;
}

Change to

.blog-featured .componentheading span {
/* ADDED BY BKLEE */
margin-top: 15px;
border-bottom: 2px solid #F24A6F;
display: block;
padding-bottom: 3px;
}
#ja-left div.ja-moduletable, #ja-left div.moduletable {
margin-right: 0;
padding-right: 15px;
padding-top: 0px;
}


Remember to clear cache after changing

1 user says Thank You to Ninja Lead for this useful post

1. railer

[railer Friend railerJoin date: October 2007Posts: 236Downloads:102Uploads:9 Thanks: 17 Thanked: 24 times in 1 posts]

#498293

You are the TOP Ninja! Thanks, worked like a charm!

[railer Friend railerJoin date: October 2007Posts: 236Downloads:102Uploads:9 Thanks: 17 Thanked: 24 times in 1 posts]

#498302

<em>@railer 379813 wrote:</em><blockquote>You are the TOP Ninja! Thanks, worked like a charm!</blockquote>

Whoops, spoke to soon. The Readmore fix only worked for blogroll articles which have a thumbnail. On the others without an image, it is still displaying at the end of the title. Can you please suggest a tweak of the code?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#498402

You can try to fix this way again

Open templates/ja_travel/css/template.css file

Find

/* ADDED BY BKLEE */
p.readmore {
margin-top: 20px;
}

Change to

/* ADDED BY BKLEE */
p.readmore {
margin-top: 0px;
float: left;
}

Remember to clear cache after changing

[Author]

Posts