Can't remove borders/padding/margins from Highline2 maincontent

teitbite

soren9000dk Hi. I've just visited Your site and none of the pages appears with the border as shown on Your screenshot. Can You please tell me the url to the page where I will actually be able to see those purple paddings. Is it connected to some specific device or browser.

soren9000dk

Okay, now I have colored the issues.

Joomla --> Extensions --> Templates --> Styles --> Highline2 template --> Design --> MAINCONTENT --> Style -->Container style: PINK

Joomla --> Extensions --> Templates --> Styles --> Highline2 template --> Design --> GRID1 --> Style -->Container style: GREEN

Please choose some of the menu items frontend to see what I mean.
Thats the borders/margin/padding to be removed - but how?

aman204

soren9000dk Hi

Upon reviewing, The specific functionality from Zengrid framework is working fine as envisaged. Ref: Screenshot which exhibits background-color and padding appending as selected for Grid-1 container

soren9000dk

aman204
Thats not the issue. The padding has just been colored to show you which padding thats not possible to remove - its already disabled inside the GRID1-container panel and the MAINCONTENT-container panel - but still visible! Thats the problem.
Please take a look at these screenshots:

aman204

soren9000dk Kindly check now. Ref: Screenshot

The margin/padding was being added due to tag getting wrapped around ... tags in specific custom module assigned which has been removed after editing the HTML output

Kindly ensure to clear your browser cache if changes dont reflect.

soren9000dk

aman204
It sounds like you've found the main reason but it's not possible to remove this tag getting wrapped around ... tags in specific custom module assigned. So this means that you can not use Custom HTML modules with this template without having these borders/padding surrounded or is there a solution to this?

aman204

soren9000dk Hi

As apparently seen, The specific section is appearing now as envisaged by you with ... tags in custom html module.

Kindly let us know if you have been able to find workaround around this specific query so as to mark the thread as resolved or need further assistance on the same 🙂

soren9000dk

I have to admit that I don't understand what exactly do you mean.

When I go to Custom HTML module --> tab: Module --> tab: Code and delete these ... tags and press save, they are automatically applied again.

Your explanation is not very clear to me. Can you please try to explain how to remove this borders as I do not understand what I am supposed to do?

aman204

soren9000dk You may check now. Ref: Screenshot

Have added inline style with zero margin and padding for p tags

soren9000dk

aman204
I appreciate your support and hope that you are not getting mad at me.

I have added the mentioned inline style with zero margin and padding for p tags to the Custom HTML modules GRID1 and GRID5, but it just working on GRID1 and removes only the top padding.

{hotspotsanywhere}

If you go to menu item "Map view 2 (GRID1)" you'll see there are still pink padding at the bottom.
If you go to menu item "Map view 3 (GRID5)" you'll see there are still green padding at the top and both sides.

Is something missing or is it necessary to add more codes and if so which ones?

aman204

soren9000dk Is something missing or is it necessary to add more codes and if so which ones?

Kindly check now

Instead of inline style, Have added this to custom.css file which would enable to cover other sections with grouped CSS :

#grid1 .moduletable .custom p,.zen-container .zen-row #midCol{margin:0 !important;padding:0 !important;}

Kindly ensure to clear your browser cache if changes dont reflect.

soren9000dk

aman204
Brilliant! It looks like it works! Thank you for helping and your patience with me :-) Now I can go on with my design. Have a nice day :-)