Joomla Templates Club 406,261 posts

[romello1 Friend romello1Join date: February 2013Posts: 12Downloads:0Uploads:0 Thanks: 7]

#186685

Hello Support,

I’m having a very difficult time editing and changing this JA Mero logo. I’ve changed logos on Joomlart Templates
quite a few times before. I’ve studied and tried to follow other instructions in the forum but things are still not working.

1. I’ve uploaded the logo in the images folder.
2. I’ve edited and renamed the logo in the templates css files.
3. I’ve also changed the height and width in the template css files. These code chages are not changing on the site.

4. New logo – I’m trying to set up a large logo in the center of the header space. Can you please set up any kind of test logo or
default logo and send me the correct path. I can also send a logo by pm.

Thank you in advance for any assistance.

Regards

Romello

Two quick questions…

A. after editing css files… I did not choose “compile to css”. Is this necessary?
B. There is a templates/ja_template_name/css/template.css folder for both the main theme and also my chosen
layout. Which folder should be edited?

1. Create your own custom logo. Name it and upload it to your templates/ja_template_name/images folder

2. Open your templates/ja_template_name/css/template.css folder and find the following lines:
(The following is used for example purposes only. The height/width will be different for each template)
/* Logo Image —*/
h1.logo { height: 91px; width: 200px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left top;
display: block;
height: 91px;
width: 200px;
}

3. Replace “logo.png” with the name (and extension) of the custom logo you uploaded. (i.e. mynewlogo.jpg).
You may need to play around with the “width” and “height” parameters, depending on the dimensions of your custom logo.

[romello1 Friend romello1Join date: February 2013Posts: 12Downloads:0Uploads:0 Thanks: 7]

#489595

The Platform is Joomla 2.5.9
JA Mero 2.5

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#489641

Dear Romello,

Please check this thread for solution http://www.joomlart.com/forums/topic/responsive-logo/ and note that you need to edit in less file then run Compile Less to Css function in template setting.

You should enable Development mode in template setting and edit directly in less file, while you develop the site. If you edit the css file, your modifications may be a lost when you run Compile Less to CSS again. You can edit or add new css rules in custom.css file. 🙂

Regards

[Author]

Posts