Joomla Templates Club 406,261 posts

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#203261

I have a module and i have given it the following prefix “blogsection”

now this module has the following style

.sections-wrap .section, .sections-wrap .t3-module {
padding-top: 104px;
padding-bottom: 104px;
}

now what i am trying to do is change the padding of the module with the prefix blogsection to 10px

I have put the custom css as follows:

blogsection.sections-wrap .section, .sections-wrap .t3-module {
padding-top: 10px;
padding-bottom: 10px;
}

but this doesnt work

any idea what i am doing wrong?

the website url is:
http://creativeharmony.co.uk/CC/

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#557382

Where on your site is the module?

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#557388

It’s after the red bar with the donate now button

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#557392

<em>@damaskmedia 455921 wrote:</em><blockquote>It’s after the red bar with the donate now button</blockquote>

Just out of curiosity . . . if what you’re wanting to do is modify the padding for that section, why would you create a new module suffix? Why not simply modify the existing CSS of . . .


.sections-wrap .section, .sections-wrap .t3-module {
padding-top: 104px;
padding-bottom: 104px;
}

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#557396

Because unfortunately this applies to other modules as well which I don’t want.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#557407

<em>@damaskmedia 455929 wrote:</em><blockquote>Because unfortunately this applies to other modules as well which I don’t want.</blockquote>

Did you follow all of the steps outlined – including within the module parameters itself?

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#557417

This is what I have done

Then then I used this code:

.blogsection.sections-wrap .section, .sections-wrap .t3-module {
padding-top: 10px !important;
padding-bottom: 20px !important;
}

but this applies the padding to all the modules.

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#557423

Doesn’t appear that the class suffix you entered into your module matches the suffix in the CSS rule above
– so may be a reason why it’s not taking.

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#557428

ok I have changed the name to match the class suffix ( I removed the section number) and also added the template no-padding suffix

However, I have noticed that the extra spacing may not be coming from the module itself. it seems to be coming from

<div class=”section inview” id=”section-657″><div class=”section-inner”><div class=”section-ct”>

please see screen shot attached

thx

---

Attachments:

1. 

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#557444

Solved. Basically the News Spotlight module was still published even though it had no content so hence the big space

I have dialled and now its gone!

🙂

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#557446

CONGRATS !!! . . . More often than not, a little trial-and-error (and patience) can go a long way.

All the best with your continued site development. 🙂

1 user says Thank You to TomC for this useful post

1. damaskmedia

[Author]

Posts