How can I remove these gaps behind Chat header/footer
3 posters
Page 1 of 1
How can I remove these gaps behind Chat header/footer
After hours and hours, if not a day, of searching this forum for information about what CSS will work for removing these gaps behind chat header/footer bars, I have had no luck. I have tried multiple suggestions found in other topics but nothing in the Chatbox CSS has made a difference . Here is a screen shot of the exact parts I want to remove.
Any assistance will be greatly appreciated!
Thanks
Any assistance will be greatly appreciated!
Thanks
Re: How can I remove these gaps behind Chat header/footer
Hi, are you referring to the blue-ish background beneath the ChatBox itself?
Re: How can I remove these gaps behind Chat header/footer
Base wrote:Hi, are you referring to the blue-ish background beneath the ChatBox itself?
Hi Base, thank you sir for the speedy response!
No, actually the gray-ish color, same as the interior body of the chatbox. The two corners at the ends of the Chatbox header and footer respectively. I rounded the corners for both but have been unable to round the corners for the gray background inside the chatbox.
Thanks again in advance for your assistance.
C
Re: How can I remove these gaps behind Chat header/footer
I have registered on your forum to take a look at this myself. Try adding this to your CSS code:
- Code:
.chatbox {
background-color: transparent;
}
Re: How can I remove these gaps behind Chat header/footer
Base wrote:I have registered on your forum to take a look at this myself. Try adding this to your CSS code:
- Code:
.chatbox {
background-color: transparent;
}
No, that didn't work out, this is what it looks like after that change.
Any other thoughts, maybe change some of the attributes of the light blue colored border around the chat to achieve a similar end? I suppose I could create a background image with blue corners also.
EDIT: I also did try the web-kit radius on that section of CSS and no change occurred.
Re: How can I remove these gaps behind Chat header/footer
I'm using Firefox whilst you're using Internet Explorer. This is what I see:
EDIT: Alternatively, let's make that into a colour. Please replace what I gave you previously with the following:
EDIT: Alternatively, let's make that into a colour. Please replace what I gave you previously with the following:
- Code:
.chatbox {
background-color: #007FAD;
}
Re: How can I remove these gaps behind Chat header/footer
Base wrote:I'm using Firefox whilst you're using Internet Explorer. This is what I see:
EDIT: Alternatively, let's make that into a colour. Please replace what I gave you previously with the following:
- Code:
.chatbox {
background-color: #007FAD;
}
Thank you Base, this will do the trick for now, I will continue to tinker with the CSS to find a way to use the gray background and I will post a new thread with news. We can marked this topic solved!
Thank You Sir!
Re: How can I remove these gaps behind Chat header/footer
Since this thread appears to be solved, I will lock this thread and mark it as solved now. Important: You can also help the moderators to know if your topic/problem is solved by EDITING your first post and marking the topic as solved. Thank you. ~ Joph25 |
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Similar topics
» Issue w/ Section Headers + Chat Header And Footer
» gaps around header
» How to remove gaps?
» How do I remove the Gaps in the Navbar
» How to increase row height and remove small gaps ?
» gaps around header
» How to remove gaps?
» How do I remove the Gaps in the Navbar
» How to increase row height and remove small gaps ?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum