SimplePortal

Support => English Support => Topic started by: saurabh1938 on July 09, 2015, 04:06:09 AM

Title: How to remove space above header block and below main menu
Post by: saurabh1938 on July 09, 2015, 04:06:09 AM: I need to remove space between header block and a main menu. Please let me know how.
Please see the picture for reference.
Title: Re: How to remove space above header block and below main menu
Post by: ♦ Ninja ZX-10RR ♦ on July 09, 2015, 07:36:35 AM: Give me a link please :)
Title: Re: How to remove space above header block and below main menu
Post by: saurabh1938 on July 09, 2015, 07:37:37 AM: www.gotripperz.com
Title: Re: How to remove space above header block and below main menu
Post by: ♦ Ninja ZX-10RR ♦ on July 09, 2015, 12:07:27 PM: I can't see any spacing issues on that site... Please give me a link to a page showing the problem, and tell me the resolution you are using.
Title: Re: How to remove space above header block and below main menu
Post by: saurabh1938 on July 09, 2015, 05:03:06 PM: it is not an issue, it is the customization i intend to do that is to remove space below menu and simple portal. please see the attached screenshot to understand it more
Title: Re: How to remove space above header block and below main menu
Post by: ♦ Ninja ZX-10RR ♦ on July 09, 2015, 05:28:03 PM: It has nothing to do with simpleportal nor support but whatever ;D

Open your Themes/GoTripperzRedsy/css/index.css and:
Code: (find) [Select]
#content_section { padding: 20px 0;
Code: (replace with) [Select]
#content_section { padding: 0;
Regards
Title: Re: How to remove space above header block and below main menu
Post by: saurabh1938 on July 10, 2015, 04:23:25 AM: Thanks, you are just too good.

I know this is not in scope of simple portal but can you also help me in removing the side spaces, as shown in screenshot attached.

I tried increasing the forum width but left blank space remains and scroll bar comes. Can you help me?

Thanks in advance.

rgrds,
Saurabh
Title: Re: How to remove space above header block and below main menu
Post by: ♦ Ninja ZX-10RR ♦ on July 10, 2015, 07:35:50 AM: It might look like an easy fix but in fact to do more than what I'll tell you would need quite a major recoding :/
Open your bootstrap.css this time (same folder as above):
Code: (find) [Select]
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;
Code: (replace with) [Select]
.container { margin-right: auto; margin-left: auto; padding-left: 0px; padding-right: 0px;
Also... I wouldn't really remove anymore white space, as the left social bar gets behind the image and cannot be seen, if you do - which is bad.

Regards and glad to be helpful!
Title: Re: How to remove space above header block and below main menu
Post by: saurabh1938 on July 10, 2015, 12:11:31 PM: Yup I agree, I thought about it before proceeding with this that social icons would get behind the image but I think after the change the site would be more cleaner, I want to completely remove the forum look from it and with the amazing power of simple portal I am trying to make my site more and more cleaner.

But thanks for your help, you made work so much easier for me.

Last I want a feedback from you, how is it looking, m I doing something that shouldn't be done or do you have any suggestion?
Title: Re: How to remove space above header block and below main menu
Post by: ♦ Ninja ZX-10RR ♦ on July 10, 2015, 05:17:46 PM: I don't fancy the theme itself too much due to how complicated it is ;D Even if I should probably shut up about that... I am running the default theme, but well... You'd never say it's a default theme anymore ahahah
Title: Re: How to remove space above header block and below main menu
Post by: ♦ Ninja ZX-10RR ♦ on July 24, 2015, 12:13:52 AM: I hope you don't mind if I mark the topic as solved. If you experience further issues, feel free to ask :)
Title: Re: How to remove space above header block and below main menu
Post by: saurabh1938 on July 24, 2015, 06:48:52 PM: Yes, thanks for all the help :)