Joomla Templates Club 406,261 posts

[anthonyberot Friend anthonyberotJoin date: February 2012Posts: 68Downloads:0Uploads:1 Thanks: 15 Thanked: 3 times in 1 posts]

#174098

I’m using the JA-Nex template and will like to shift my logo down a bit, about 5px, how can I do this.
Thank you for your great support
the site is http://contrastnewspaper.burroket.com

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#439144

Within the following path: /templates/ja_nex/css/template.css . . .

Open your template.css file , find the following css line . . .

<blockquote>h1.logo a {
background: url(“../templates/ja_nex/images/logo.png”) no-repeat scroll center center transparent;
display: block;
height: 91px;
width: 747px;
}</blockquote>

modify as follows:

<blockquote>h1.logo a {
background: url(“../templates/ja_nex/images/logo.png”) no-repeat scroll center center transparent;
display: block;
height: 91px;
width: 747px;
padding-top: 5px;
}</blockquote>

If you want a little more “push down” space, simply increase the pixel value of the “padding-top” parameter.

Hope that helps.

NOTE: As a rule-of-thumb . . . When you are needing assistance with a particular coding issue – especially one involving CSS – it is always helpful to set “Optimize CSS” to “No” within your Template Manager–General Settings. This way, we are better able to identify the exact CSS line(s) you need to work with.

😎

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#439148

Or if you want to see all of you logo which is 104px high

h1.logo a {
background: url("../templates/ja_nex/images/logo.png") no-repeat scroll center center transparent;
display: block;
height: 104px;
width: 747px;
}

You may still want Tom’s padding.

[anthonyberot Friend anthonyberotJoin date: February 2012Posts: 68Downloads:0Uploads:1 Thanks: 15 Thanked: 3 times in 1 posts]

#439154

Thank you, shifting it down worked very well. I appreciate your help. should Optimize CSS be set to “No” permanently or is this for debugging only?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#439156

<em>@anthonyberot 301708 wrote:</em><blockquote>Thank you, shifting it down worked very well. I appreciate your help. should Optimize CSS be set to “No” permanently or is this for debugging only?</blockquote>
It’s for identifying the exact CSS code lines to assist with various elements.

When the CSS is compressed, it is difficult to identify the exact CSS line for a particular person’s site. The “default” info from the original template is not always accurate – as often times people will customize/modify the css (adding lines as well) to suit their particular needs. Thus, the line associated with the original template may no longer correspond with an individual user’s site.

make sense?

[anthonyberot Friend anthonyberotJoin date: February 2012Posts: 68Downloads:0Uploads:1 Thanks: 15 Thanked: 3 times in 1 posts]

#439164

it does because I also add notes when I make a change to the code so lines are added. thank you.

[Author]

Posts