Welcome, Guest
Username: Password: Remember me

TOPIC: Remove Padding around the logo

Remove Padding around the logo 1 year 8 months ago #1

  • nibedard
  • nibedard's Avatar
  • Offline
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.
The administrator has disabled public write access.

Remove Padding around the logo 1 year 8 months ago #2

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
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/
The administrator has disabled public write access.

Remove Padding around the logo 1 year 8 months ago #3

  • nibedard
  • nibedard's Avatar
  • Offline
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:
The administrator has disabled public write access.

Remove Padding around the logo 1 year 8 months ago #4

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
You were wrong.
For example add this class to your module green See image attached.



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;}
The administrator has disabled public write access.
The following user(s) said Thank You: nibedard

Remove Padding around the logo 1 year 8 months ago #5

  • nibedard
  • nibedard's Avatar
  • Offline
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.
The administrator has disabled public write access.

Remove Padding around the logo 1 year 8 months ago #6

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Add this css code to your css/custom.css
.green h3.uk-panel-title::after {
background: none !important
}
The administrator has disabled public write access.
The following user(s) said Thank You: nibedard

Remove Padding around the logo 1 year 8 months ago #7

  • nibedard
  • nibedard's Avatar
  • Offline
Great job ! That's exactly it. Thanks.
The administrator has disabled public write access.
Moderators: joomlaplates

Einzelnes Theme ( Download 1 Template)

Das sog. "Einzelne Theme" ist für alle Kunden geeignet die lediglich ein (1) Template benötigen, egal ob kommerziell oder privat genutzt. Sie dürfen das erworbene Template auf einer Joomla Installation produktiv nutzen.


Mitgliedschaft ( Download alle Templates)

Während ihrer Mitgliedschaft ist es ihnen erlaubt alle Templates herunter zu laden und unseren Bestimmungen entsprechend zu nutzen. Nach Ablauf der Mitgliedschaft dürfen sie natürlich alle bereits in Nutzung befindlichen Templates weiter einsetzen. Sie haben jedoch nach Ende ihrer Mitgliedschaft keinen Zugriff mehr auf den Download Bereich und keinen Zugriff mehr auf Updates.

Die Zahlung ist einmalig und ihr Membership läuft automatisch aus, sofern sie es nicht erneuern.

Unsere Mitgliedschaften bieten wir ausschließlich über JoomlaPlates.com an.

Jetzt kaufen