Joomla Templates Club 406,261 posts

[basdc Friend basdcJoin date: December 2012Posts: 18Downloads:0Uploads:0 Thanks: 11]

#183849

I would like to change the logo module size to be much larger in Mero, how do I do this?

[cantabriadeportiva Friend cantabriadeportivaJoin date: June 2011Posts: 86Downloads:0Uploads:13 Thanks: 48 Thanked: 4 times in 1 posts]

#479331

Go to the templates/ja_mero/css/template.css and edit this part:

.logo-image a {
background-image: url(‘../images/logo.png’);
background-repeat: no-repeat;
width: 600px;
height: 100px;
}

But be carefull, if you are using any of the variations like purple, light… you must go to css/template and edit which you need

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#479483

Hello,

To change size and path to the logo image, find the file: variables.less in foler:templates/ja_mero/less

There will be some code like:

// T3 LOGO
// --------------------------------------------------
@T3logoWidth: 41px;
@T3logoHeight: 151px;
@T3LogoImage: "../images/logo.png";

Note:
The style of logo is in file: style.less in folder: templates/ja_mero/less. In this file, search with keywork: logo, you will see the code to style for logo.

1 user says Thank You to Luna Garden for this useful post

1. funci

[basdc Friend basdcJoin date: December 2012Posts: 18Downloads:0Uploads:0 Thanks: 11]

#479484

Thanks, that worked:) I now need to change the text colour and size but so far have failed. Help would be much appreciated.
Cheers
🙂

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#481262

<em>@basdc 354801 wrote:</em><blockquote>I now need to change the text colour and size but so far have failed. Help would be much appreciated.
</blockquote>

Hello,

Sorry for this lately reply, somehow I missed this thread

If you still need help, here is the answer:

Text-color and font-size for body are styled in file: <blockquote>templatesja_merolesscore.less</blockquote> from line 9 to 16

body {
background-color: @BodyBackground;
color: @textColor;
font-family: @BaseFontFamily;
font-size: @BaseFontSize;
line-height: @BaseLineHeight;
margin: 0;
}

Those properties are defined in <blockquote>templatesja_merolessvariables.less</blockquote>

So, in order to change the font color or text size, please find the variable that holds the value:

@textColor: @grayDark;
line 39

line 54

Hope this helps.

[Author]

Posts