Public Forums 71,145 posts

[sushi7 Friend sushi7Join date: April 2011Posts: 15Downloads:0Uploads:0 Thanks: 4]

#163924

Dear joomlart users,

please I need your help I can’t find the solution.
Here is my website :

http://testmu.net16.net

I have some problems of alignement and I can’t figure out where I have to change the parameters:
– there is an empty space on the bottom of all pages. It was much bigger before so I found a line to remove in the css that was giving padding to the footer. Then I removed the footer entirely. But I still have a small space..
– Then, as you can see, the navhelper bar (green bar on the bottom) is too big on the right… So I changed the size of my shadow but then it’s too large on the left (doesn’t touch the withe left column no more). I also tried to change the size of the whole content in the layout pannel in the template backend…
– I want the content to have a white background but when I do so (with css in #ja-container .main ) it’s also too big in the right side.
– There is also a little space at the top of the page.. I spent hours in the css and did’t find out how to remove it.
– I also have a problem with the logo on the top right corner. I could’t only put “no-repeat right” so I had to put a “margin-left:600px” so it is very rude… I think I have to create a new block maybe… or is there a way to put the h1.logo on the right? also had to put a “negative margin top” so I guess the logo is going out of the block..

It looks like small details but they drive me crazy
please help me or guide me to useful pages, thank you

[sushi7 Friend sushi7Join date: April 2011Posts: 15Downloads:0Uploads:0 Thanks: 4]

#391063

Hello, I found some solutions that can be helpful for some of you

<em>@sushi7 240112 wrote:</em><blockquote>
– Then, as you can see, the navhelper bar (green bar on the bottom) is too big on the right… So I changed the size of my shadow but then it’s too large on the left (doesn’t touch the withe left column no more). I also tried to change the size of the whole content in the layout pannel in the template backend…
– I want the content to have a white background but when I do so (with css in #ja-container .main ) it’s also too big in the right side.</blockquote>

Okay, first I put a white background in #ja-container, so all the blocks have a background color aligned. Only the shadow is apart.
I resolved this first point adjusting my shadow image itself.

So here is my way of adding a shadow on the two sides of the main column. It is very easy (after searching days and days) no need to add blocks, change the layout and other complicated things..
Make a png larger than the size of your main column (like width:1080px height:5px in my case). I made transparent main part in the center of the png (you can check the one on my site).
Then I put it in background of “.wrap” with a repeat y.

to adjust it, no need to add background position parameters in the css. Everything is in Gimp (or Photoshop), move the shadows on the sides to fit on the site. For example, if you see on your website that the left shadow is outside of the column on the left side, go to photoshop and move the shadow a bit on the right (without changing block position in css, or changing the size of your image).

<blockquote> I also have a problem with the logo on the top right corner. I could’t only put “no-repeat right” so I had to put a “margin-left:600px” so it is very rude… I think I have to create a new block maybe… or is there a way to put the h1.logo on the right? also had to put a “negative margin top” so I guess the logo is going out of the block..</blockquote>

Ok I resolved a part of it.
To put the logo on the right, just add the css line in template.css :
h1.logo { float: right; }

but I still don’t undestand why I have to put negative margin on it.. I hope it won’t be a big deal on other browsers and screen resolution.

any ideas for the other last adjustements please?

thanx

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#393641

Hello,

To the adjustments for logo you need to goto

templates/luanda/css/template.css line no. 200

Find this code :-

#ja-header .main {
background: url(“http://testmu.net16.net/templates/luanda/images/header1.jpg”) no-repeat scroll left center transparent;
border-bottom: 0 none;
padding: 29px 0 15px;
}

Change this code to :-

#ja-header .main {
background: url(“http://testmu.net16.net/templates/luanda/images/header1.jpg”) no-repeat scroll left top transparent;
border-bottom: 0 none;
height: 74px;
padding: 0 0 15px;
}

And also goto templates/luanda/css/template.css line no. 211

Find this code to :-

h1.logo a {
background: url(“http://testmu.net16.net/templates/luanda/images/logo-luanda.png”) no-repeat scroll right center transparent;
display: block;
height: 76px;
margin-left: 0;
margin-top: -31px;
width: 310px;
}

Change this code to:-

h1.logo a {
background: url(“http://testmu.net16.net/templates/luanda/images/logo-luanda.png”) no-repeat scroll right center transparent;
display: block;
height: 76px;
margin-left: 0;
width: 310px;
}

[Author]

Posts