Joomla Templates Club 406,261 posts

[ejner Friend ejnerJoin date: August 2011Posts: 4Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#177393

Why the h… is it so difficult for a not so experienced user to find a way to insert a logo in the standard layout instead of the “JA Wall” text?
Also it seems impossible to find a way to change the hight and size of the area where the logo is placed?

Both issues I assume is necessary in 99,9% of all new sites….why not make it straight forward…..arrrgh.

Help – anybody?

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#454289

Because this is/will become a multi-theme template – at least 8 are planned some with text logos, others with image logos. But any can customized to include either if you want.

I would be glad to show you how, but would need to know what THEME you are wanting to customize.

[ejner Friend ejnerJoin date: August 2011Posts: 4Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#454299

Thanks a lot 🙂
I am using the “Default” template and am looking to do the following:

1. Adjust hight of the space for logo (.png file). The hight of the menu must be adjusted accordingly.
2. Adjust the with of the space for logo. I suppose it doesn’t have to have the same width as “Categories” ?
3. Need to adjust the background color for both.
4. Need to know where to make a reference to the logo .png file (css file I guess?).

Would be very happy if you would help me out on this. 🙂

Thanks
Ejner

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#454312

Thanks for your questions!

CAVEAT: I would HIGHLY encourage you NOT to play with the height of the menu as this will likely have unintended consequences – not the least of which is it will cause the template to loose its classy look in small mobile devices and possibly break the menus. You may find yourself suffering from Programmers Creep in that changing something one place, will now cause you to adjust something elsewhere and on and on and on.
– You’ve been warned. 🙂

Please make backup of all your file BEFORE editing.

First you need to get rid of the TEXT logo.
Open templates/ja_wall/index.php – [FONT=arial]line 118[/FONT]
This is where the JA WALL text is located – remove it.

THEN –
[FONT=arial]Open – /templates/ja_wall/css/template.css[/FONT]

1. Adjust height of the space for logo (.png file). The height of the menu must be adjusted accordingly.
This is a long process – so please be patient…or reconsider. 🙂
To add a logo – create the logo.png and place it in your templates/ja_wall/images/ folder.
Actually you can place it in the DEFAULT folder or anywhere you want…adjusting its location in the code below.

At line 835 – change from this:

#logo { border-bottom: 5px solid #84B12A
float: left;
height: 40px;
position: relative;
text-align: center;
width: 120px;
z-index: 1000;

}

}
[FONT=arial]
To this – and adjust the areas in red so that your logo shows fully:[/FONT]
#logo {
background: url("../images/logo.png") repeat scroll 0 0 transparent;
border-bottom: 5px solid #84B12A
float: left;
height: 40px;
width: 120px;
z-index: 1000;

}
You probably now have a logo that bleeds into your TOP MENU and/or your MAIN MENU.

NEXT – TOP MENU adjustments (main navigation) if needed.

Goto: templates/ja_wall/css/navigation.css – Line 15
Adjust the line below in RED to move the menu to the right if needed.

#mainnav { left: 120px;
position: absolute;
top: 0;
width: 100%;

}
NEXT – MAIN MENU adjustments (left sidebar) if needed
Goto: /templates/ja_wall/css/layout.css – line 173
Adjust the line below in red to move the sidebar to the left or right – pushing the main content area along with it.

body.has-sidebar #container .container-main { padding-left: 120px;

}
And ONLY after you have your sidebar positioned correctly horizontally…then
Goto: – line 177 to move the sidebar vertically. Change ONLY the line in red below!
(You should NOT change the margin-left and width below unless you need extra room for menu items)

#sidebar { margin-left: -120px;
position: fixed;
top: 60px;
width: 120px;

}
Being RESPONSIVE has its benefits…but any customization affects everything else and it can be a long frustrating process. 🙂

This should get you going. Please ask further questions if needed.

Have fun.
John.

3 users say Thank You to John Wesley Brett for this useful post

1. swissa
2. ejner
3. dallacosta

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

#454317

John,

I know I’m always happy to point out when people make mistakes but I hope I’m also as quick, if not quicker, to point out when people do well, and as I mentioned in a previous thread you’ll the only mod I’ve seen busy on the Wall forum.

So, I say it again, and say it personally and publicly,

Thank you big time for rolling up your sleeves and getting dirty, and trying to help the user base.

Very much appreciated – I hope by all, but certainly by me.

Merci/Danke/Thank You!

1 user says Thank You to swissa for this useful post

1. John Wesley Brett

[ejner Friend ejnerJoin date: August 2011Posts: 4Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#454347

Hi John
Thank you so much for your helpful input. I guess I now have to reconsider my initial plans as I did not take into account the issues that will arise because of the responsive design…. But I’m glad that I now can test and check with that in mind.
Super helpful you are – appreciate it a lot 🙂
Ejner

1 user says Thank You to ejner for this useful post

1. John Wesley Brett

[shlogos Friend shlogosJoin date: June 2012Posts: 10Downloads:0Uploads:1]

#458299

thank for this .. my problem is the content is under the logo -.-

[mehmet_alp Friend mehmet_alpJoin date: April 2009Posts: 97Downloads:0Uploads:6 Thanks: 14 Thanked: 2 times in 1 posts]

#462411

Can anyone tell me how to change the width of the logo for minimalist?

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

#462425

<em>@mehmet_alp 332003 wrote:</em><blockquote>Can anyone tell me how to change the width of the logo for minimalist?</blockquote>

It’s in /templates/ja_wall/themes/minimalist/css/theme.css

#logo.logo-image h1 a {

• background: url(../images/logo.png) no-repeat center;
• display: block;
• width: 36px;
• height: 16px;
• text-indent: -9999px;
• padding: 24px 11px;

}

Hope that helps

[mehmet_alp Friend mehmet_alpJoin date: April 2009Posts: 97Downloads:0Uploads:6 Thanks: 14 Thanked: 2 times in 1 posts]

#462437

Well thanks, but problem ıs how to move the to menu to the right?

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

#462442

<em>@mehmet_alp 332033 wrote:</em><blockquote>Well thanks, but problem ıs how to move the to menu to the right?</blockquote>

Can you post a url to see please?

[Author]

Posts