Joomla Templates Club 406,261 posts

[Andrew Carleton Friend Andrew CarletonJoin date: September 2014Posts: 23Downloads:0Uploads:0 Thanks: 8]

#197677

Hi,

There is a lot of space between mainnav & the slideshow position. Is there anyway I can remove position 3 from the layout, I extended the navigation spacing to 12, but it moved number 3 onto the next line and while I have it marked as none it still seems to show a large space between the navigation & the slideshow.

http://www.donaghadeecomputerrepairs.com

Thanks, Andrew

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

#534703

Here is your CSS culprit . . .


#ja-mainbody {
margin-top: 120px;
}

You need to reduce the pixel value of the margin-top property.

Which version of JA Mero are you using – J2.5 or J3.0 (the latest/current) ??

[Andrew Carleton Friend Andrew CarletonJoin date: September 2014Posts: 23Downloads:0Uploads:0 Thanks: 8]

#534713

Hi,

Thanks for that, I searched around template.css and a few others but could not find the #ja-mainbody with the 120px.

What location is that file in?

Andrew

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

#534716

<em>@andrewbcs 426716 wrote:</em><blockquote>Hi,

Thanks for that, I searched around template.css and a few others but could not find the #ja-mainbody with the 120px.

What location is that file in?

Andrew</blockquote>

So that I can tell you the exact location, I’ll need for you to temporarily set “Optimize CSS” to “No/Off” within your Template Manager–General settings. Let me know when you’ve done this.

Also, which version of JA Mero are you using – J2.5 or J3.0 (the latest/current) ??

[Andrew Carleton Friend Andrew CarletonJoin date: September 2014Posts: 23Downloads:0Uploads:0 Thanks: 8]

#534718

Hi,

Optimize CSS is now set to OFF.

I am using the latest Mero download available for joomla 3.2.3

Thanks, Andrew

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

#534721

Here’s the best thing you can do . . .

If you have not already, create a file called “custom.css” within file path –> /templates/ja_mero/css
Within that file, paste the following CSS rule:


#ja-mainbody {
margin-top: 20px;
}

SAVE CHANGES – CLEAR CACHE-REFRESH PAGE

That should effectuate the change you want – and protect your modification(s) from being overwritten if/when you ever go to update/upgrade your template files.

Otherwise, the CSS file is located within file path –> /templates/ja_mero/css/themes/light/template-responsive.css . . . at line 1493

For more info on using custom.css –> SEE HERE

1 user says Thank You to TomC for this useful post

1. Andrew Carleton

[Author]

Posts