Joomla Templates Club 406,261 posts

[fouadghandour Friend fouadghandourJoin date: May 2016Posts: 8Downloads:8Uploads:1]

#932984

hI.

i’m using easysocial login across the site in content-mass-top position. I am also using Easy Social Notifications in the languageswitcherload position.

The problem I have is with horizental alignment of those 2 elements in the navbar. please refer to the screenshot.

---

Attachments:

1. 

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#932989

its in the padding

div#fd.es.mod-es-notifications .es-notification .es-menu-item > a { display: block !important; padding: 4px -5px !important; <——–here width: 52px !important; font-size: 16px !important; margin: 0 auto !important; position: relative !important; text-align: center !important; color: inherit; outline: 0 !important; } but removing the padding will bring it up some. but since the other block has the avatar they are not going to be even without editing both

like you can see in my image i remove the padding and it raises the text some but since the avatar is so big it wont align with that. so i to want to know the solution to this. or you can put them in both the same position and it will align under it

---

Attachments:

1. 

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#932992

found it

.languageswitcherload {
    border-right: 1px solid rgba(255,255,255,0.5);
    float: right;
    line-height: 1;
    margin-top: 8px;
}

If you know how to add custum.css where it will load it let me know. i cant figure that part out but if that was your custum.css that would fix your problem

---

Attachments:

1. 

[fouadghandour Friend fouadghandourJoin date: May 2016Posts: 8Downloads:8Uploads:1]

#933223

I have tried adding a custom CSS File but cant figure out how to tie it up to the rest. Where should I add those lines of code ?

Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#933489

You can open that custom.css file in: ROOT/templates/ja_social_ii (your default template)/css/custom.css

and add css rule:

.head-login {
    padding-top: 10px;
}

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#933506

Saguaros wrote:

You can open that custom.css file in: ROOT/templates/ja_social_ii (your default template)/css/custom.css

and add css rule:

<pre style="" class="prettyprint linenums:1 prettyprinted">

1. <span class="pun">.<span class="pln">head<span class="pun">-<span class="pln">login <span class="pun">{
2. <span class="pln">padding<span class="pun">-<span class="pln">top<span class="pun">: <span class="pln"> <span class="lit">10px<span class="pun">;
3. <span class="pun">}

1. there is no default custum.css file provided by default

1. when you create one it does not have any line that will call that file so you have to either add it in the backend template editor under custum code there is nothing in source file calling custun.css

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#933620

It’s custom.css not ‘custum.css’

Just simply create this file if it doesn’t exist now and add my above css suggestion.

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#933766

Saguaros wrote:

.head-login {
padding-top: 10px;
}

yeah lol i was spelling it wrong thew whole weekend and didnt even notice 🙁

but i liked my css better so i am using that since it makes it even with the text and logo as well.

but the problem i see from that is when it goes into responsive mode. it ends up under the login but thats not the problem the icons are white on white. how can you change them from white to another color when it goes to smaller screens.

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#933768

look at the image i attached to understand what i mean

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#933977

Any URL?

[Author]

Posts