Joomla Templates Club 406,261 posts

[phild75 Friend phild75Join date: October 2007Posts: 16Downloads:0Uploads:2 Thanks: 10 Thanked: 1 times in 1 posts]

#137142

Hi,

I am trying to switch the position of the Graphic in the header with the Newsflash module

Please find attahced file that shows how I am trying to make it appear. I have tried amending the index.php but it is not working. Could someone please help?

Thanks
Phil

---

Attachments:

1. 

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#286769

Hi phild75,

I am sorry but i don’t understand your idea.
Please let me in detail.

[phild75 Friend phild75Join date: October 2007Posts: 16Downloads:0Uploads:2 Thanks: 10 Thanked: 1 times in 1 posts]

#286793

Thankyou very much for looking at my post and replying.

At the top of the template, below the logo and main nav I want to move the Newsflash Module within the blue header to where the image is located and move the image to where the newsflash module is currently located. Basically, I want to swicth the positions of the 2 as shown in the image I attached.

By default, the newsflash is on the right hand side and the image on the left hand side and I want to swicth them around. Im using the Blue Colour for this template (colour 2)

Hope this makes sense and thanks for your help again

Regards
Phil

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#287035

Hi phild75,

For your idea, please try with my guide:

+ Open file templates/ja_erica/css/colors/style2.css, at about line 224, find following script:

#ja-topsl {style2.css (line 224)
background:transparent url(../../images/style2/topsl.gif) no-repeat scroll left top;
}

and change to:

#ja-topsl {style2.css (line 224)
background:transparent url(../../images/style2/topsl.gif) no-repeat scroll right top;
}

– At about line 232, find following script:

#ja-topsl .ja-newflash {style2.css (line 232)
background:transparent url(../../images/style2/topimg.png) no-repeat scroll left top;
}

and change to:

#ja-topsl .ja-newflash {style2.css (line 232)
background:transparent url(../../images/style2/topimg.png) no-repeat scroll right top;
}

+ Open file templates/ja_erica/css/template.css, at about line 1155, find following script:

#ja-topsl .ja-newflash .moduletable {template.css (line 1155)
background:transparent none repeat scroll 0 0;
font-family:"Segoe UI","Trebuchet MS",Arial,Helvetica,sans-serif;
height:190px;
margin:0;
padding:0 20px 0 480px;
width:400px;
}

and change to:

#ja-topsl .ja-newflash .moduletable {template.css (line 1155)
background:transparent none repeat scroll 0 0;
font-family:"Segoe UI","Trebuchet MS",Arial,Helvetica,sans-serif;
height:190px;
margin:0;
padding:0 20px 0 20px;
width:400px;
}

Hope it helps.

1 user says Thank You to JA Developer for this useful post

1. phild75

[phild75 Friend phild75Join date: October 2007Posts: 16Downloads:0Uploads:2 Thanks: 10 Thanked: 1 times in 1 posts]

#287994

Thankyou very much for your reply. It now works fine.

Thanks again
😀

[Author]

Posts