The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How can I remove these gaps behind Chat header/footer

3 posters

Go down

Solved How can I remove these gaps behind Chat header/footer

Post by cipollone88 July 17th 2011, 5:37 am

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 Confused . Here is a screen shot of the exact parts I want to remove.
How can I remove these gaps behind Chat header/footer Chatbox

Any assistance will be greatly appreciated!
Thanks
avatar
cipollone88
Forumember

Male Posts : 27
Reputation : 0
Language : english

http://mmwl.forumotion.com/

Back to top Go down

Solved Re: How can I remove these gaps behind Chat header/footer

Post by Base July 17th 2011, 10:46 am

Hi, are you referring to the blue-ish background beneath the ChatBox itself?
Base
Base
Forumaster

Male Posts : 10386
Reputation : 1695
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Solved Re: How can I remove these gaps behind Chat header/footer

Post by cipollone88 July 17th 2011, 5:14 pm

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
avatar
cipollone88
Forumember

Male Posts : 27
Reputation : 0
Language : english

http://mmwl.forumotion.com/

Back to top Go down

Solved Re: How can I remove these gaps behind Chat header/footer

Post by Base July 17th 2011, 5:19 pm

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;
}

Smile
Base
Base
Forumaster

Male Posts : 10386
Reputation : 1695
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Solved Re: How can I remove these gaps behind Chat header/footer

Post by cipollone88 July 17th 2011, 5:36 pm

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;
}

Smile

No, that didn't work out, this is what it looks like after that change.
How can I remove these gaps behind Chat header/footer Chatbo12

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.
avatar
cipollone88
Forumember

Male Posts : 27
Reputation : 0
Language : english

http://mmwl.forumotion.com/

Back to top Go down

Solved Re: How can I remove these gaps behind Chat header/footer

Post by Base July 17th 2011, 5:39 pm

I'm using Firefox whilst you're using Internet Explorer. This is what I see:

How can I remove these gaps behind Chat header/footer Chatboxblue

EDIT: Alternatively, let's make that into a colour. Please replace what I gave you previously with the following:

Code:
.chatbox {
    background-color: #007FAD;
}
Base
Base
Forumaster

Male Posts : 10386
Reputation : 1695
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Solved Re: How can I remove these gaps behind Chat header/footer

Post by cipollone88 July 17th 2011, 9:57 pm

Base wrote:I'm using Firefox whilst you're using Internet Explorer. This is what I see:

How can I remove these gaps behind Chat header/footer Chatboxblue

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!
avatar
cipollone88
Forumember

Male Posts : 27
Reputation : 0
Language : english

http://mmwl.forumotion.com/

Back to top Go down

Solved Re: How can I remove these gaps behind Chat header/footer

Post by Jophy July 18th 2011, 12:34 am

How can I remove these gaps behind Chat header/footer Solved10Since 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
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum