fbpx

Xmas is coming - Grab 30% Discount on all Joomla Template. Coupon Code: PRECHRISTMAS Unlock Offer

Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED) Module Caption/Title Alignment

Module Caption/Title Alignment 2 months 3 weeks ago #8361

  • onechance
  • onechance's Avatar
  • Offline
  • Junior Member
  • Posts: 26
  • Karma: 0
Hey Guys,

I still have a concern. My question
..is it possible to align the Module captions to center (maybe also in different colors)? I've created another Astroid Section (class py-3 py-md-5)
The topic has been locked.

Module Caption/Title Alignment 2 months 3 weeks ago #8366

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 1338
  • Thank you received: 189
  • Karma: 38
Hello,

You can add a custom class and then write custom css for that class where headings are centred and are of the colors of your choice.

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

Module Caption/Title Alignment 2 months 1 week ago #8601

  • onechance
  • onechance's Avatar
  • Offline
  • Junior Member
  • Posts: 26
  • Karma: 0
Hi Chetan,

can you give me an example?
I've created a custom class e.g. HomeMenu-Custom { color: #000; }




I've tried to change the Banner colors in the Astroid Layout but the changes does not effect.



I don't want to change the colors global for all Banner module sections and only for single Menus.

Many thanks in advance.
Last Edit: 2 months 1 week ago by onechance.
The topic has been locked.

Module Caption/Title Alignment 2 months 1 week ago #8616

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 1338
  • Thank you received: 189
  • Karma: 38
Hello (Again),

The color on the template level (section settings), only let's you change the text color, however the Banner heading appears in a H3 and has white color by default.

Here is how I changed the color.

I added the custom class (to the banner) on a menu level) (screenshot below for class homebannercustom)


Wrote the following css in the css/custom.css file (create the file if it doesn't exist already).
.homebannercustom h3.astroid-banner-title {color:blue !important;}
.homebannercustom span.astroid-banner-subtitle {color:blue !important;}

The first color is for the heading and the second is for the sub heading.

I hope this helps.

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

Module Caption/Title Alignment 2 months 1 week ago #8629

  • onechance
  • onechance's Avatar
  • Offline
  • Junior Member
  • Posts: 26
  • Karma: 0
Hi Chetan,

that helped me :) Thank you very much.

But I've noticed, that the CSS styles does not render correctly in the Edge Browser. In every other Browser (IE, Firefox,Chrome Derivates) it works fine.



Do you have an Idea?
Last Edit: 2 months 1 week ago by onechance.
The topic has been locked.

Module Caption/Title Alignment 2 months 1 week ago #8631

  • onechance
  • onechance's Avatar
  • Offline
  • Junior Member
  • Posts: 26
  • Karma: 0
My mistake :whistle: :blush: I cleared the Browser history for the second time now and everything looks fine.

Thank you!
The topic has been locked.

Module Caption/Title Alignment 2 months 1 week ago #8650

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 1338
  • Thank you received: 189
  • Karma: 38
Glad it worked out for you.

Let us know if we can help with anything else?

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.
Moderators: priyasingh
Time to create page: 0.509 seconds