Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#946817

Hi
Add below codes in custom.css file and change the value as per needs .

For logo

.logo-image a {
    height: 41px;
    width: 151px;
}

For menu item colors

.ja-mainnav .navbar .nav > li > a {
    color: #eee;
}

For social items height

.social-wrap .btn-small {
    height: 114px;
}

Hope it helps .

[felix79 Friend felix79Join date: January 2014Posts: 61Downloads:23Uploads:20 Thanks: 18]

#947569

OK – the menu item color changed.
But unfortunately the logo size is still not correct and also the height of the social module…

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#947572

Hi
please try this

.logo-image a {
    height: 41px!important;
    width: 151px!important;
}
.social-wrap .btn-small {
    height: 114px!important;
}

You need to adjust the value given in the code to make it set as per your needs , its just a sample value if found looks good on your site .

1 user says Thank You to Pankaj Sharma for this useful post

1. felix79

[felix79 Friend felix79Join date: January 2014Posts: 61Downloads:23Uploads:20 Thanks: 18]

#947581

no change, unfortunately

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#947589

I i found syntax error in the code

.logo-image a {
    height: 70!important;
    width: 200!important;
}

Add the px with values as suggested . And this will work >> http://prntscr.com/bpu88o
You need to increase the value for big size .

[felix79 Friend felix79Join date: January 2014Posts: 61Downloads:23Uploads:20 Thanks: 18]

#947601

Perfect!
Now only the social module is to be changed .
I would like to set the distance to the next module so, that there is no gap any more.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#947604

Hi
use this code and increase the height value

.social-wrap .btn-small {
    height: 114px!important;
}

[felix79 Friend felix79Join date: January 2014Posts: 61Downloads:23Uploads:20 Thanks: 18]

#947628

I use this code, but the gap is still there.
I guess it it is related to the padding – could the be?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#947635

Hi
Please check my post Here carefully and apply the changes .
Screenshot : http://prntscr.com/bpv3lf
Hope it make sense .

[felix79 Friend felix79Join date: January 2014Posts: 61Downloads:23Uploads:20 Thanks: 18]

#947647

Ok – this was a misunderstanding
I increased the value now an it looks better.
Originally I wanted to reduce value, so that the tiling appears like a square.
See screenshot

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#947664

Hi
Remove the older code for height only and use the code below

 #Mod112 
{   min-height: 120px!important;
}

1 user says Thank You to Pankaj Sharma for this useful post

1. felix79

[felix79 Friend felix79Join date: January 2014Posts: 61Downloads:23Uploads:20 Thanks: 18]

#947673

Thanks!

[Author]

Posts