Dear Paul,

I'd like to adjust some parameters in the responsive template. Can you help?

1) Spacing between banner and tabs position is too large. How and where can I reduce the space?
2) Spacing between the items in the accordion module is too high. How can I reduce it?
3) Do i need to care separately for mobile devices? it is also too much space between the items
4) How can I reduce the space between paragraphs?
5) How can I increas the space between a bullet list? Here it is too narrow.

Cheers,

Lars.

Dear Paul,

I have tried out something to reduce the spacing for 1):

I added the following to the custom CSS file:

body #bannerwrap .zen-spotlight { padding: 5px 0; }
body #logowrap .zen-spotlight {padding: 10px 0;}
body #logowrap .moduletable {margin-bottom: 10px }

and compiled the theme under

Templates/Responsive2/settings (compile less)

which brought acceptable results. Question: Is this the right way to go and please doublecheck my syntax above...

Cheers,

Lars.

HI Lars,

Custom.css will override any template css if it matches the specificity of the css

For custom.css you don't need to compile - if you used a customised less file then you would

Are you ok now style wise?

Cheers
Paul

If you still need some assistance with the css can you add the link to prompt my memory

Cheers

Hi Paul,

unfortunately I am not done. I have no idea, how to adapt the spacing of the accordion module. And the paragraph spacing as well as the spacing for the bullet list I don´t know either.

Here is the link to the page, where you see the paragraph spacing (might be reduced to 1.4em), the bullet list and on the right hand side tha accordion menu with the too big spacing:

b-rightshore.com/b-rightshore/index.php/company/113-our-company

Cheers,
Lars.

P.S.: Thanks for reviewing also the CSS nomenclature

Hi Lars,

The p style is

p {margin: 0 0 30px;}

so add the same style but reduce the 30px to a value of your choice

If you want to increase the list line-height try adding this

section.article-content ul li {line-height: 1.68em;}

this is for the main content area and matches the paragraph

For the sidebar on this page - is it just this page you want to target?

for the image in this module only

#zentools-465 .zt-image img {margin-bottom: 0px;}

with changing the p spacing it will also reduce the modules text space

Cheers
Paul

Dear paul,

I added all these lines

p {margin: 0 0 18}
section.article-content ul li {line-height: 1.68em;}
#zentools-465 .zt-image img {margin-bottom: 0px;}

to the custom.css file, but i don´t see any effect. Furthermore, my intention is to reduce the space between the headings of the accordion module when they are elapsed. So, the pictures are not shown at that time...

Cheers,

Lars.

... sorry, when the accordion is collapsed - of course...

ah ok I sent styling for stlying in the article and styles for open accordions

#zentools-465.zt-accordion section {margin:0;}

will trim some space on the collapsed - is that enough space?

Cheers
Paul

For a more dramatic change you could add

#zentools-465.zt-accordion section {padding:0;}

Cheers