The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How can I remove these gaps behind Chat header/footer

View previous topic View next topic Go down

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

Post by cipollone88 on 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.


Any assistance will be greatly appreciated!
Thanks

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 on July 17th 2011, 10:46 am

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

Base
Forumaster

Male Posts : 10386
Reputation : 1687
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 on 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

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 on 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
Forumaster

Male Posts : 10386
Reputation : 1687
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 on 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.


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.

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 on July 17th 2011, 5:39 pm

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

Base
Forumaster

Male Posts : 10386
Reputation : 1687
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 on July 17th 2011, 9:57 pm

@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!

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 on July 18th 2011, 12:34 am

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

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

Back to top Go down

View previous topic View next topic Back to top


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