End of Support for Joomla 3 - Forum closed

Remove Padding around the logo

Remove Padding around the logo was created by nibedard

Posted 7 years 3 months ago #19663
Hi. Thanks again for your great templates. I need to change the padding above and below the logo and I can't figure out where to change this. Attach is the image of the site and the correction needed and here's the development link: crounch.justlink.info/index.php

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.

Replied by joomlaplates on topic Remove Padding around the logo

Posted 7 years 3 months ago #19667
Hi there,
please remove the "p" tag around your logo image.
open the logo module wihout editor and insert only your image tag like this:
Wrong:

<p><img style="display: block; margin-left: auto; margin-right: auto;" src="/images/logo_web_2018.png" alt=""></p>

Right

<img style="display: block; margin-left: auto; margin-right: auto;" src="/images/logo_web_2018.png" alt="">

Otherwise you can use the Browser DEV Tool > F12 to analyze the gaps > margin and padding
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/

Please Log in or Create an account to join the conversation.

Replied by nibedard on topic Remove Padding around the logo

Posted 7 years 3 months ago #19671
Hi. I added this in my custom.css file and tried adding it in the Module Class Suffix of the Module but it dosent apply. Kinda strange, could be me...

.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.

Replied by joomlaplates on topic Remove Padding around the logo

Posted 7 years 3 months ago #19673
You were wrong.
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

.green .uk-panel-title {background:#42f13e !important;}

or

.green .uk-panel-title h3 {color:#ff0000 !important;}

Attachments:

The following user(s) said Thank You: nibedard

Please Log in or Create an account to join the conversation.

Replied by nibedard on topic Remove Padding around the logo

Posted 7 years 3 months ago #19684
Thanks. It did work. How would you remove the little bar (part of the style coming from the template) in that specific box title ? Check crounch.justlink.info/ in the green box (Dates d'inscription) and in the blue box (Dates importantes), all this assuming the orange box also has that little stylish set but it's the same colour as the box background.

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Remove Padding around the logo

Posted 7 years 3 months ago #19685
Add this css code to your css/custom.css

.green h3.uk-panel-title::after {
background: none !important
}

The following user(s) said Thank You: nibedard

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License