Joomla Templates Club 406,261 posts

[igon2 Friend igon2Join date: December 2015Posts: 109Downloads:25Uploads:6 Thanks: 36]

#935733

Hi,
could you help me to make for this heading: [http://prntscr.com/b9egh1] the same style of that heading: [http://prntscr.com/b9egsf]

Thanks in advance!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#935870

Hi
I am not getting the question
as per screenshot i understand you want to apply the same heading style of the module in the left side titles .
For this add below code in custom.css file .

.t3-features-intro .section-title > h2 {
    font-size: 14px;
    text-transform: uppercase;
    color: #333333;
    margin: 20px 0 0;
    line-height: 1;
    font-weight: 400;
}

Increase the values of font size and font weight.
Let me know if there is anything else u want to change .

[igon2 Friend igon2Join date: December 2015Posts: 109Downloads:25Uploads:6 Thanks: 36]

#936182

Thank you Pankaj,
this ACM (gallery) module I added from the Uber template, so the heading is not the same like JA Resume template. I added the code that you recomended to the custom.css file but the result is the same. Could you check it? I just want to give the same heading style, like here: http://prntscr.com/ba2myf
And is it correct: http://prntscr.com/ba2pli ??

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#936238

Hi You need to add the module suffix with a single blank space to make it working Here : http://prntscr.com/ba2pli then it will be applied to that module . Besides to give the same style , you need to copy the style code from the template via inspect element . like here : http://prntscr.com/baftq4 And apply it on the imported acm style module to give it same style , at present because the module is not part of the template , its not designed in this way to adapt the default classes .

[igon2 Friend igon2Join date: December 2015Posts: 109Downloads:25Uploads:6 Thanks: 36]

#936710

Thanks Pankaj!
About module class suffix – is it correct?
http://prntscr.com/ba2pli
title-style-2?

About the style code:
.acm-title {
I added this code to custom.css file before but that didn’t work.

I tried to call module class suffix "acm-title" but all the same.

I hope very much for your help.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#936738

Hi the suffix does not work because these style of acm does not comes with this template . You need to check the style of the acm files via inspect element and then apply custom style via custom.css file , as i suggested in last post to apply same style on new files .

[igon2 Friend igon2Join date: December 2015Posts: 109Downloads:25Uploads:6 Thanks: 36]

#937881

Thank’s Pankaj,
I added the custom style to the custom.css but it’s not working, maybe I did something wrong, could you check it and help me?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#937973

Hi You also need to check how the title code is defined in other acm files to make the same style , This work is fall in personal custom work , you need to take help with your developer to further codes . see this how it defined for new files : http://prntscr.com/bcublp And in the template : http://prntscr.com/bcubze

1 user says Thank You to Pankaj Sharma for this useful post

1. igon2

[rodtheplod Friend rodtheplodJoin date: May 2016Posts: 18Downloads:13Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#939705

I find it frustrating that your answers to the OPs questions are marked as private. Other people (like me) will have the same question as the OP, and while he appears to have been given an answer, we are left guessing. Please do your paying customers a favour and if you answer a question for someone, make it so that everyone can see it. This will also save you having to answer questions multiple times.

Like the OP, I too have implemented a couple of modules, and I would like them to have the same style as the default ACM modules (like Timeline, Introduction, etc.); For example, the modules that I have created have a different font (style/size, etc.) than the H1,, H2, etc. that the default modules produce.

I tried to edit my custom CSS file using your example above like so:

h1.special {
    font-size: 14px;
    text-transform: uppercase;
    color: #00cccc;
    margin: 20px 0 0;
    line-height: 1;
    font-weight: 400;
}

And in the html of my module, I specify: h1 class="special" (in the correct markup) with my heading, but it fails to show correctly.

QUESTION: How do I specify the correct font, size, and colour for the headings in my new module to match the headings of the default module?

Thanks.

1 user says Thank You to rodtheplod for this useful post

1. igon2

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#939880

Hi Rod
This needs the customization in the acm files and in the style code to add new style for the custom acm style files .
please check all the replies are public . You need to check the default acm files codes and then compare it with imported custom styles that u are using on this template as given Here .
Use inspect element from browser to check the style used on the default acm files and then override it via custom.css file for new acm files . This way you can achieve this .

[rodtheplod Friend rodtheplodJoin date: May 2016Posts: 18Downloads:13Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#940112

Thank you Pankaj,

I will check this. These replies now appear public, however yesterday while I was posting my question (so I was logged in at the time) your first replies were Public, and your later replies were marked Private and I could not read them. Maybe something was up with your forum.

Anyhow – thank you for your suggestions – at least I know where to look now. I will try to update as you’ve suggested, and will post back my success (or otherwise) here.

[rodtheplod Friend rodtheplodJoin date: May 2016Posts: 18Downloads:13Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#941229

Just to follow up on this, I had difficulty in getting this all to work. So I cheated 🙂

Because the two new modules that I created were basically HTML, I decided to simply use PNG images for the headings that I needed for each module (NEWS, and GALLERY).

I typed those headings into the default ACM templates so that they would display in the right style, then grabbed a screenshot of each one. I cropped that down and used it for the headings for my two modules.

Probably not the best way to do things, but it looks great and has saved me a lot of fiddling about.

Thanks again for your help.

[Author]

Posts