Joomla Templates Club 406,261 posts

[janabak Friend janabakJoin date: September 2014Posts: 21Downloads:53Uploads:0 Thanks: 1]

#902985

Hi, I am working with Uber and JACM module setup with Feature Intro (Style 1) I have fa fa icons set up and they are as default aligned left. My question is what "miracle" statement to put in the custom.css to get them aligned in center of each block?
Regards Jan

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#902989

Hi

Best way is to create a custom class and add the class only to the specific module

add this to your custom.css file

.center .acm-features .font-icon {
    text-align:center;
}

Then edit your module where you want icons center aligned and in module class suffix add the class center starting with an empty space .

Hope it helps

Best regards

---

Attachments:

1. 
2. 

[janabak Friend janabakJoin date: September 2014Posts: 21Downloads:53Uploads:0 Thanks: 1]

#902993

Hi and thanks for quick reply!
I may have missed something here.
In sustom.css I ahev added this statement:
.center .acm-features .font-icon {
text-align: center;
}
Also added "center" (with space before) in the module suffix but no change in icon positioning.

You can check my developing site here: http://jabkonsult.no/topptransport/

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#903000

Hi

Could you edit your first post and add as requested your developing website backend login details ?

So i can take a look at it

[janabak Friend janabakJoin date: September 2014Posts: 21Downloads:53Uploads:0 Thanks: 1]

#903003

This reply has been marked as private.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#903017

Hi there

I added the "center" class to the Block Extra Class inside module

mod-gray section-border center

And now it seems to work

Best regards

---

Attachments:

1. 

[janabak Friend janabakJoin date: September 2014Posts: 21Downloads:53Uploads:0 Thanks: 1]

#903023

Thanks a lot. I find it difficult to debug and find the correct statements to use. I wish there was a "how to" article that describes how to debug and find the correct changes to use. I have asked here before but the answers refer to the docs and the forum. The docs dont say much about these things and to search the forum is mostly waste of time. I wish there was an article with a detailed example using f.ex firebug, and also helped to get the syntax for css override.

Thanks again!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#903031

Hi there

Maybe you can try looking at THIS URL
Or also look at the Joomlart blog HERE

Your question is not simple to answer , essentially there are 2 steps

1) Learn how to use Firebug
2) Understand where apply changes ( but with custom.css file this is more simple )

I hope the urls above could help you .

Let me know

[janabak Friend janabakJoin date: September 2014Posts: 21Downloads:53Uploads:0 Thanks: 1]

#903520

This reply has been marked as private.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#903682

Hi there

I restored your off-canvas position as you can see

I noted also that you are using only 1 template layout , would be better to use for Home page the corporate-home layout and for other menu items your custom layout , in this way modules can be published in the correct position "corporate-home" while you have assigned all your JA ACM Modules to the header position.

Best regards

[janabak Friend janabakJoin date: September 2014Posts: 21Downloads:53Uploads:0 Thanks: 1]

#904017

This reply has been marked as private.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#904173

janabak wrote:

If you look at the off canvas menu, you will find that some menu items are placed on the same line. How can this be fixed,

Hi

This is due to your plugin "Ajax – Arkbootstrap " it is overriding template bootstrap files adding own settings , i disabled it and off-canvas menu items are showing correctly as you can see

how can I change the look of this menu? I mean like color and other settings?

You can work on specific module css file in this folder /templates/uber/css/off-canvas.css
in your case since you created a new theme then path for this file will be /templates/uber/local/css/themes/topptransport/off-canvas.css

for example to change off-canvas background you can find in this file

.t3-off-canvas {
background:#27292e;
}

and change it to :

.t3-off-canvas {
background:#yourcolor!important;
}

last suggestion is to create and use a custom.css file in this folder /templates/uber/css/ to add such customizations

Take a look HERE for documentation about custom.css file and how it works .

Best regards

[janabak Friend janabakJoin date: September 2014Posts: 21Downloads:53Uploads:0 Thanks: 1]

#909122

This reply has been marked as private.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#909391

Hi there

You also helped me center the Icons on the top of the JACM module, but then everything was center positioned, and I wanted the text to be right centered. I still have the change in the css file but have overridden it in the module so it’s standard again.

I added custom.css code to center icons and right align text

Can you please help me understand how to manage the position layout in my site?

The only thing i can say is point you to the Uber documentation page HERE where you can also find JA Acm documentation

Features-intro module you are using now on your website doesn’t allow to set it as you wish, since it uses all 12 grid available to show the 6 content blocks , if you want to customize it then it will require some code to be added for the various scren sizes, my suggestion is to use 2 modules , each one with 3 blocks so you can obtain what you wish.

Best regards

[Author]

Posts