24 HOUR FLASH SALE - 30% OFF EVERYTHING - Enter coupon code 24HOURFLASH on any purchase!
Recent
Categories
View Replies (10)

Icon and header text center

  1. Issue
0
Votes
Undo
  1. mvanbergeijk
    mvanbergeijk
  3. Commercial Templates
  4. Tuesday, 26 March 2024
  5.  Subscribe via email
Hello,

How can I ensure that in my Serenity template the Icon and the header text in the modules are placed below each other and then centered in the middle of the block? As shown on the example page (unlimited styles, super responsive, etc.).

Thanks
Marco
Attachments (1)
Serenity module layout.jpg Serenity module layout.jpg
Responses (10)
mvanbergeijk
mvanbergeijk
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks for your support!
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

I have changed the orientation of your header title text and icon by adding the following to the Custom CSS field of your template style settings..

h2.mod_standard {

    display: flex;

    flex-direction: column;

    margin-top: 20px;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

CIaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
mvanbergeijk
mvanbergeijk
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran,

Thanks for your response. I tried everything what is possible in the modules and switcht from module position. In the module J51_Icons the icons are displayed as I would like to see. However, in the module J51_News, J51_Carousel, J51_Numbers etc. the icons are next to the text and not above it. Please help!
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Marco

Have you tried copying the settings from the Icons module in the bottom-2a module position to the module you wish to have a matching layout? Note that the layout of the icon can be setting using the General Settings -> Icon/Text Layout option in your module settings.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
mvanbergeijk
mvanbergeijk
Accepted Answer Pending Moderation
0
Votes
Undo
Hello,

Please can you provide me an update for this issue?

Thanks
Marco
  1. more than a month ago
  2. Commercial Templates
  3. # 6
mvanbergeijk
mvanbergeijk
Accepted Answer Pending Moderation
0
Votes
Undo
Hoi Carian,

No, I did not found a solution. I have no idea why bottom 2a has the reguired position. How can I get this also for all my modules?

Thanks.
Marco
  1. more than a month ago
  2. Commercial Templates
  3. # 7
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Marco

Presuming I understand you correctly, have you already found a solution to this issue (bottom-2a module position)?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 8
mvanbergeijk
mvanbergeijk
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran,

The url of my site: https://afc.devportaal.biz/

Regards,
Marco
  1. more than a month ago
  2. Commercial Templates
  3. # 9
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Marco

Would you have a URL to an example of your icons module?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 10
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok