× Support for Joomla 2.5 templates is discontinued. This forum category is read-only.

Add "box" module class suffix

More
5 years 2 months ago #5588 by slinks
slinks created the topic: Add "box" module class suffix
Hi

I need to a new module class suffix.

What I need is to be able to box a module on the in left position.

Ideally I would like the option of box-light or box-dark can I get some guidance on adding this please as the mod suffixes are quite limited with this template.

Thanks

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

More
5 years 2 months ago #5590 by marcin
marcin replied the topic: Add "box" module class suffix
Hello,

If you are using the template for Joomla 2.5, then you need to add CSS styles to the modules.css file (root/templates/jm-personal-site/css).

.jm-module - this is a class container of module
.jm-module.box-light - this is a class container with "border-light" module suffix

If you want to add CSS styles for this suffix then you can do it in this way:

.jm-module.box-light {
<put styles here>
}

If you need to style the module heading:

.jm-module.box-light h3.jm-title {
<put styles here>
}

And so on.

Regards,
Marcin

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

More
5 years 2 months ago #5593 by slinks
slinks replied the topic: Add "box" module class suffix
Thank you for the prompt reply.

I am still a bit confussed as to what I place in <put styles here>

I want to replicate the box suffix that can be found in JM_renewable_engery template

demo.joomla-monster.com/178-jm-renewable-energy

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

More
5 years 2 months ago #5606 by marcin
marcin replied the topic: Add "box" module class suffix
Hello,

Sorry for the late response.
You can play with these styles:
.jm-module.box {
  border: 1px solid #E2E2E2;
}

.jm-module.box h3.jm-title {
  color: #FFFFFF;
  margin: 0;
  padding: 10px 15px;
  background: #68B3AF;
}

.jm-module.box .jm-module-content {
  background: #FFFFFF;
  padding: 15px;
}

Regards,
Marcin

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

Time to create page: 0.236 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2018 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.