How to change default number of buttons/columns that are shown in the Quick Links block?
How to change default number of buttons/columns that are shown in the Quick Links block? |
It can be changed in Admin Panel > Builders > Navigation Menu > click on menu item > tick "Quick Link" checkbox > press "Save Changes" Rules → http://www.boonex.com/terms |
It can be changed in Admin Panel > Builders > Navigation Menu > click on menu item > tick "Quick Link" checkbox > press "Save Changes"
Thanks, but what I really wanted to ask is, what CSS file, script or class do you need to edit if you want change button size and margins on the quick links block? also, do you know if Multi Column Action Block mod is possible on 7.3.3? |
Open up the file {yourdolphinroot}/templates/base/quick_link.html.
Inside that template file are the classes related to the button. It looks like this: <button class="bx-btn bx-btn-img bx-btn-small bx-btn-ifont" __action__>
This part 'class="bx-btn bx-btn-img bx-btn-small bx-btn-ifont"', matches up with the css files located in yourdolphinroot/templates/tmp_{your current template file}/
You can then style it using CSS. Remember to clear your cache by going to admin > tools > cache to see your changes.
[Post Edit] You can also use FireBug or launch the Developer module in Chrome to see the CSS that controls the styling. Updating my BoonexNerd.net site. |
Open up the file {yourdolphinroot}/templates/base/quick_link.html.
Inside that template file are the classes related to the button. It looks like this: <button class="bx-btn bx-btn-img bx-btn-small bx-btn-ifont" __action__>
This part 'class="bx-btn bx-btn-img bx-btn-small bx-btn-ifont"', matches up with the css files located in yourdolphinroot/templates/tmp_{your current template file}/
You can then style it using CSS. Remember to clear your cache by going to admin > tools > cache to see your changes.
[Post Edit] You can also use FireBug or launch the Developer module in Chrome to see the CSS that controls the styling.
Hello,
Thanks for your reply!
So it's that simple, easy peasy =)
Happy New Year!
Cheers!
|