I am wanting to remove some extra padding below the accordion menus on the pages at www.anchorpointfilms.com

I discovered that I could change the following with Google developer tools:

FROM:

.sidebar .moduletable {
padding-bottom: 40px;

TO:
.sidebar .moduletable {
padding-bottom: 4px;

To greatly reduce the padding.

Can you tell me what I might put into my custom.css file to just reduce that padding for the menus in the sidebar.

I think it may be div.moduletable.accordion that needs changing.

thank you so much!!!

Sean Carney

Hi Sean,

Try

.sidebar .moduletable.accordion { padding-bottom: 5px;}

Cheers
Paul

That was a GREAT improvement. There is still one issue they want me to fix. It is a padding that is in the Menu module called "Shop Menu".

The module ID is 471

What I would like to remove is

something like:

.sidebar .moduletable {
padding-bottom: 0px;

But I believe I only need it for this one module number 471.

Can you send me another magic string?



Sean

Hi Sean,

First step is to add its own individual class name or suffix in the module itself

Cheers
Paul

Thanks. I added a Module Class Suffix of "apfshopmenu".

Will that work? I am not sure if I need to put a space before the Module Class Suffix.

Can I now add a line to the code we have to make it only apply to the Module Class Suffix of "apfshopmenu"?

.sidebar .moduletable.apfshopmenu {padding-bottom:0}

Try adding this

Cheers
Paul

Thank you again. That was perfect! I created one class to use on the multiple modules and am very happy.

Sean

No problem

Cheers
Paul