Joomla Templates Club 406,261 posts

[wcw2012 Friend wcw2012Join date: August 2012Posts: 20Downloads:0Uploads:2 Thanks: 7]

#180910

What can I do to adjust the right margin on the featured articles as displayed on the front page of the template Rave? I was able to push the images down in the CSS but can’t seem to get the margin for the article title and content to move. I believe it’s connected to: .ja-current-content but have tried a few things in the CSS which haven’t worked yet.

See: http://www.worldcantwait.net/jupgrade/

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#468176

Hi wcw2012,

I see that you are putting the image down, no do you want to put the text down follow images ? Can you let me know why do you need to put the images down ?

[wcw2012 Friend wcw2012Join date: August 2012Posts: 20Downloads:0Uploads:2 Thanks: 7]

#468417

I’d like the headline to stretch across the column width and where the image doesn’t extend down, have the text wrap around it and extend to the width of the column. While the image was moveable with css, I can’t seem to get the text to budge. Any advice?

[Scott Lavelle Friend Scott LavelleJoin date: November 2010Posts: 266Downloads:16Uploads:5 Thanks: 6 Thanked: 64 times in 27 posts]

#468427

Looking at it through Firebug, it looks like this is the bit that is making your paragraphs too narrow. If you just disable this, you’ll still have work to do with the image then, but at least you won’t have this content-long padding in place…


.blog-featured div.haveimage {
padding-right: 140px;


Hope this helps.

Scott Lavelle - Technical Resource Solutions, LLC
Certified Joomla Administrator

1 user says Thank You to Scott Lavelle for this useful post

1. wcw2012

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#468432

Hi wcw2012,

You can try as following

Open the file of templatesja_ravehtmlcom_contentfeatureddefault_item.php create a back-up for this file then looking for those snap of code and removing
[PHP]<?php
//Get out all images
$regex = “/<img[^>]*>/”;
$image = ”;
//print_r($this->item);die();
if (preg_match_all($regex,$this->item->introtext, $matches)) {
$this->item->introtext = preg_replace ($regex, ”, $this->item->introtext);
$image = implode (“n”, $matches[0]);
}

?>[/PHP]

[PHP] <?php if ($image): ?>haveimage<?php endif; ?>[/PHP]

and [PHP]<?php if ($image): ?>
<div class=”article-image”>
<div class=”img_caption”><?php echo $image ?></div>
</div>
<?php endif; ?>[/PHP]

I hope doing that would help

1 user says Thank You to Sherlock for this useful post

1. wcw2012

[wcw2012 Friend wcw2012Join date: August 2012Posts: 20Downloads:0Uploads:2 Thanks: 7]

#468440

Thanks! Now, I can’t figure out how to pull the body text up so that it will wrap around the image. The image is floating right but if it overlaps the body text the text doesn’t wrap around. Any clue?

[wcw2012 Friend wcw2012Join date: August 2012Posts: 20Downloads:0Uploads:2 Thanks: 7]

#468519

Is this suggestion in reply to the question about getting the body text to wrap around the image?

And you’re saying to just completely delete these lines?

[wcw2012 Friend wcw2012Join date: August 2012Posts: 20Downloads:0Uploads:2 Thanks: 7]

#468528

It worked, thanks!

[wcw2012 Friend wcw2012Join date: August 2012Posts: 20Downloads:0Uploads:2 Thanks: 7]

#468789

OK – this may be a related problem… just checked the handheld version of the layout, and the images are covering up the article titles. Is this related? What do I do to fix?

Also, maybe this should be another thread, but how do I remove the JARave logo from the handheld layout and replace it? Would also like to include the slideshow and at least some of the side modules on the handheld version, though in a long stream rather than as displayed on desktop version. Where can this be edited?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#468809

<blockquote>OK – this may be a related problem… just checked the handheld version of the layout, and the images are covering up the article titles. Is this related? What do I do to fix? </blockquote>

You open the file of templates/ja_rave/css/handheld/template.css looking for this css
.article-image {
left: 5px;
position: absolute;
top: 9px;
}
Change to
.article-image {
float:right
position: relative;

}

<blockquote>Also, maybe this should be another thread, but how do I remove the JARave logo from the handheld layout and replace it? </blockquote>
Just replace your own logo file with this file templates/ja_rave/images/logo.png

<blockquote>Would also like to include the slideshow and at least some of the side modules on the handheld version, though in a long stream rather than as displayed on desktop version. Where can this be edited?</blockquote>
I am not sure it works well but You can try to play with the slideshow module seen in the desktop, the module is built to work for desktop layout only, if you have another slide module that is built to work on handheld devices also you can use it.

1 user says Thank You to Sherlock for this useful post

1. wcw2012

[Author]

Posts