Joomla Templates Club 406,261 posts

[a_fusion Friend a_fusionJoin date: September 2011Posts: 20Downloads:11Uploads:0 Thanks: 8]

#206313

Hello, is there an overview about all the classes we can use in ACM “Block Extra Class” ?

Like “no-padding” or “section-border” – a list of all classes which a predefinded and we can use?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#570576

Hi @a_fusion,

Unfortunately, we haven’t had any demo page that show all available style with extra class yet.

[applestone Friend applestoneJoin date: May 2007Posts: 67Downloads:8Uploads:7 Thanks: 10 Thanked: 4 times in 2 posts]

#808723

So what’s the point of allowing customisation of the block classes. How does anyone know what to use???

1 user says Thank You to applestone for this useful post

1. Symeon Retalis

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#811742

Hi @applestone,

Actually you won’t need to type anything here all the time because if you want to add extra CSS class to module, just use Module Class Suffix instead.

In some cases, we need to inject the CSS class to inner HTML element instead, so Block Extra Class will be used. The usage of this parameter is described in documentation, whenever you configure any module, you will see in the instruction if this field was used.

[rwatt Friend rwattJoin date: April 2015Posts: 36Downloads:1Uploads:9 Thanks: 3 Thanked: 1 times in 1 posts]

#962960

Any progress on the original question?

Adam M wrote:

Block Extra Class … The usage of this parameter is described in documentation…

At least, could you refine the link, down to a specific section that might explain where to find the extra classes defined, and how to tweak them?

1 user says Thank You to rwatt for this useful post

1. Symeon Retalis

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#963159

@rwatt: You can find the list Block Extra Class with .section-inner. CSS style from templates/uber/css/template.css file and you will see them

.style-dark
.section-primary
.section-testimonial
.background-responsive
.no-padding-bottom
.no-padding
.....

1 user says Thank You to Ninja Lead for this useful post

1. rwatt

[rwatt Friend rwattJoin date: April 2015Posts: 36Downloads:1Uploads:9 Thanks: 3 Thanked: 1 times in 1 posts]

#963273

This is a good start.

Intent is to have a cheatsheet of Block Extra Class values to style blocks, from the GUI, so an end-user to do more to style individual modules.

Some possible ones…
-text layout – center .align-left .align-right .uppercase .box
-text size/format .small .smaller .large .larger etc.

• color palette variations… eg .white .gray .dark-grey .red .green .blue .purple .gold

Do similar class directives exist/intersect with T3 or Bootstrap classes?
Or do I need to add my own new/different Block Extra Class entries?
And where best do we do that?

Feel free to point to / recommend documentation.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#963668

rwatt wrote:

* color palette variations… eg .white .gray .dark-grey .red .green .blue .purple .gold

I spent a lot of time to find the CSS styles above and it comes from templates/uber/acm folder and you can see them .green-color, .purple-color in templates/uber/acm/bar/css/style.css file for example.

You can create new templates/uber/css/custom.css file and add the new CSS style into this file.

[Author]

Posts