Open Source Tutorials - Open Source Training
Open source training & tutorials from experienced, passionate people
chrome icon firefox icon ie icon opera icon safari icon Sings in these Browsers
A- A A+

By A Web Design

Welcome, Guest
Username Password: Remember me

Change CSS style for a Module
(1 viewing) (1) Guest
All your queries regarding
Joomla CMS,
Joomla CMS Installation,
Joomla CMS Configuration,
Joomla built-in Modules,
Joomla 3rd Party Modules,Components and Plugins
and tonnes more... will be solved in this forum
  • Page:
  • 1
TOPIC:

Change CSS style for a Module

Change CSS style for a Module 8 months, 3 weeks ago #806

  • gaurang
  • OFFLINE
  • Fresh Boarder
  • Posts: 6
  • Karma: 0
Hi,

In joomla I have activated a breadcrumbs module.

I want to change the styling of the breadcrumbs.

Is there a way to change the css styling for the breadcrumbs.

Can anyone point me in the right direction?

Thanks in advance..

Re: Change CSS style for a Module 8 months ago #812

  • isaac
  • OFFLINE
  • Senior Boarder
  • Posts: 64
  • Karma: 0
Yes, in the settings of the module you can see a field, called 'Module Class Suffix'. If you type there for example -breadcrumbs, this should be in the css:

Code:
(dot)module {
background-color: white;
}

(dot)module-breadcrumbs{
background-color: black;
}


In this example .module is the default module style, and you can see the other one uses the -breadcrumbs suffix.
  • Page:
  • 1
Time to create page: 1.20 seconds
OSV Newsletter


Receive HTML?

NOTE: To prevent subscription to the OSV newsletter, uncheck the checkbox above.
Guest Blog for OSV
Free Ebook Download