Remove Padding around the logo
On another note, I need to have alternate colors on some module TitleBox (see image). How to proceed ?
Thanks for your help.
Please Log in or Create an account to join the conversation.
- joomlaplates
-
Offline
- Moderator
-
- Posts: 8841
- Thank you received: 1736
please remove the "p" tag around your logo image.
open the logo module wihout editor and insert only your image tag like this:
Wrong:
Right<p><img style="display: block; margin-left: auto; margin-right: auto;" src="/images/logo_web_2018.png" alt=""></p>
Otherwise you can use the Browser DEV Tool > F12 to analyze the gaps > margin and padding<img style="display: block; margin-left: auto; margin-right: auto;" src="/images/logo_web_2018.png" alt="">
Here is a video how it works.
www.joomlaplates.com/template-customizing
More module styles and individueal styles can be make with module class suffixes
www.joomlashack.com/blog/tutorials/suffixes/
www.joomlaplates.de/dokumentation.html
Please Log in or Create an account to join the conversation.
.uk-bg-title-right .uk-panel-title-right {
background-color: #c2d500
}
.uk-bg-title-middle .uk-panel-title-middle {
background-color: #39a7df
}
.uk-bg-title-left .uk-panel-title-left {
background-color: #f3930a
}
Attachments:
Please Log in or Create an account to join the conversation.
- joomlaplates
-
Offline
- Moderator
-
- Posts: 8841
- Thank you received: 1736
For example add this class to your module green See image attached.
Attachment Screenshot_1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23-24-25-26-27-28-29-30-31-32-33.jpg not found
Now you can add any css class to the green
or.green .uk-panel-title {background:#42f13e !important;}
.green .uk-panel-title h3 {color:#ff0000 !important;}
www.joomlaplates.de/dokumentation.html
Attachments:
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
- joomlaplates
-
Offline
- Moderator
-
- Posts: 8841
- Thank you received: 1736
.green h3.uk-panel-title::after {
background: none !important
}
www.joomlaplates.de/dokumentation.html
Please Log in or Create an account to join the conversation.