Joomla Templates Club 406,261 posts

[lulubug Friend lulubugJoin date: June 2008Posts: 25Downloads:7Uploads:5 Thanks: 7]

#150359

Hi There

I love this template and really want to use it for my blog however I have one issue with it that I am not sure how to solve.

I installed the template and I notice that it is left aligned on the screen… this is a pet hate of mine and I like all of my sites to be center aligned (especially personal ones).

Could someone please tell me how I can get the template centered to the middle of the screen so it is not on the left?

Thanks
🙂

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#340362

Dear lulubug!

Here is the solution to resolve your issue:

Please open the file /templates/ja_mona/css/template.css

and try to find codes:

#ja-main {
background: none;
margin: 0 0 0 220px;
padding: 0 0 0 20px;
}

and replace:

#ja-main {
background: none;
margin: 0 auto;
padding: 0 0 0 20px;
}

Good luck

1 user says Thank You to Saguaros for this useful post

1. lulubug

[lulubug Friend lulubugJoin date: June 2008Posts: 25Downloads:7Uploads:5 Thanks: 7]

#340427

Thank you so much, that did indeed work 🙂

The only other thing is that the left hand column (with the symbol image) stayed all the way to the left. Do you know how I can move this to the middle of the screen too? So that it still lies against the blog.

You see I learnt from another post how to have a background image on the left hand side only, which I have done and it looks great. What I would like to do is move the left hand column over to the middle or even extend it so that the whole of the left hand side has the patterned background.

I hope this makes sense.

🙂

[lulubug Friend lulubugJoin date: June 2008Posts: 25Downloads:7Uploads:5 Thanks: 7]

#340430

Never mind, I found where to do it.

I went to this part:
#ja-deco {

position: fixed;
left: 0;
bottom: 0;
overflow: hidden;
float: right;
width: 500px;
background: url(../images/background-repeat.png) ;
height:100%

And made the new width to 500px; which aligned it perfectly.

Thanks!!!

[Author]

Posts