Public Forums 71,145 posts

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

#1078518

Hi
In the footer the position are the same size http://prntscr.com/hiqg18
You can change the size of the position from the spotlight block options here: http://prntscr.com/hiqhge
You can also change the margin for each position Here http://prntscr.com/hiqh8f

Regards

[yfb01 Friend yfb01Join date: July 2008Posts: 142Downloads:55Uploads:46 Thanks: 34 Thanked: 7 times in 2 posts]

#1078546

Hi,

thanks you for these info, but what I would like to modify is for instance the space between the menu items "Your profile" and "Propose an article" in the print screen https://prnt.sc/hiqh8f

Regards
yves

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

#1078559

Hi
You have to add extra class in the settings of each olumn and then apply below code in custom css block
example:
extra class is : test

the code will be

.test .jub-block .footer nav ul>li {margin-bottom:4px;}

If you want to apply it to all footer navigations remove .test and use the same code.

Regards

[yfb01 Friend yfb01Join date: July 2008Posts: 142Downloads:55Uploads:46 Thanks: 34 Thanked: 7 times in 2 posts]

#1078593

Hi Pankaj,

I tried. I added that line in the custom code using the .test in front. Then if I indicate "test" in the extra class of the widget it doesn’t have any impact (see for instance the menu "nos services" in the footer or also the login form in the footer.
I a remove the .test in the custom code, then it is effectively applied to the entire footer except the login menu.
1°) how to pass on the class indication in the widget? (so far I tried with test or with .test in the extra class of the widget as for instance in https://prnt.sc/hiqh8f ).
2°) how to get it working also for the login menu in the footer? (when tried globally the custom code, the login menu was not impacted).

regards
yves

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

#1078634

Hi
I added this code

.test  .nav>li {
    margin-bottom: 4px!important;
}

And its working on your site, you can decrease the value to decrease the space.

Regards

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

1. yfb01

[yfb01 Friend yfb01Join date: July 2008Posts: 142Downloads:55Uploads:46 Thanks: 34 Thanked: 7 times in 2 posts]

#1078640

Thank you Pankaj for that.
It works on the "standard" menu widgets, but it doesn’t impact the login menu in the bottom. see print screen
Do you have an idea for that menu as well? (especially as it is the tallest module in the footer).
Regards
yves

---

Attachments:

1. 

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

#1078645

Hi use this code

#login-form ul.unstyled li {
    padding: 2px 0;
    font-size: 14px;
    margin-bottom: 1px;
}

You can check the style code easily using inspect element or firebug and override it custom css .

Regards

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

1. yfb01

[yfb01 Friend yfb01Join date: July 2008Posts: 142Downloads:55Uploads:46 Thanks: 34 Thanked: 7 times in 2 posts]

#1078649

Thank you Pankaj
🙂

[Author]

Posts