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.

CSS glitch

View previous topic View next topic Go down

CSS glitch

Post by Soulmonster on February 15th 2013, 6:17 pm

I recently used the following code to fix some problem with rounded corners of the .div.body element

Code:
span.corners-top {
    display: none !important;
}
span.corners-bottom {
    display: none !important;
}

But unfortunately it created another small glitch.

Before:


After:

Soulmonster
Forumember

Posts : 203
Reputation : 2
Language : Norwegian

Back to top Go down

Re: CSS glitch

Post by Soulmonster on February 15th 2013, 6:19 pm

@Soulmonster wrote:I recently used the following code to fix some problem with rounded corners of the .div.body element

Code:
span.corners-top {
    display: none !important;
}
span.corners-bottom {
    display: none !important;
}

But unfortunately it created another small glitch by deleting the bottom border of my categories.

Before:


After:

Soulmonster
Forumember

Posts : 203
Reputation : 2
Language : Norwegian

Back to top Go down

Re: CSS glitch

Post by Sanket on February 15th 2013, 6:20 pm

I think that will remain, either changes for both or none.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: CSS glitch

Post by Soulmonster on February 15th 2013, 6:22 pm

@Sanket wrote:I think that will remain, either changes for both or none.

But it is weird. On the .div.body it adds corners, while on the category the same code removed both the corners and the bottom part of the border. It sort of makes no sense...to me at least Wink. What is the "CSS name" of the category element that is the problem here?

Soulmonster
Forumember

Posts : 203
Reputation : 2
Language : Norwegian

Back to top Go down

Re: CSS glitch

Post by Sanket on February 15th 2013, 6:25 pm

I am confused now. Confused
What are you trying to say.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: CSS glitch

Post by Soulmonster on February 15th 2013, 6:46 pm

@Sanket wrote:I am confused now. Confused
What are you trying to say.

What I am trying to say is that the .span.corners code that corrected an issue with corners on div.body CAUSED a problem with corners on the category border (compare the after picture with the before picture above).

What is the "CSS name" for styling the category element that was affected by the code?

Soulmonster
Forumember

Posts : 203
Reputation : 2
Language : Norwegian

Back to top Go down

Re: CSS glitch

Post by Sanket on February 15th 2013, 6:49 pm

The white border radius is what disappeared from both before & after pictures. Nothing wrong with it.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: CSS glitch

Post by Soulmonster on February 15th 2013, 7:12 pm

@Sanket wrote:The white border radius is what disappeared from both before & after pictures. Nothing wrong with it.

Aha. Now I want to style the "category element" that I have been talking about where the corners disappeared. Do you know the "CSS name" of this element?

Soulmonster
Forumember

Posts : 203
Reputation : 2
Language : Norwegian

Back to top Go down

Re: CSS glitch

Post by genji watanabe on February 15th 2013, 7:21 pm

try this
Code:
.forabg, .forumbg  {
radius css here
}

genji watanabe
Forumember

Male Posts : 231
Reputation : 17
Language : Html, Css, some Js and no Gfx.
Location : Malaysia

http://project-d.forumotion.com/

Back to top Go down

Re: CSS glitch

Post by Soulmonster on February 15th 2013, 7:29 pm

@genji watanabe wrote:try this
Code:
.forabg, .forumbg  {
radius css here
}

Thanks, but no, that didn't do anything.

I have styled the categories using the administration panel and it now looks like this:



I would like to style it like the widgets, though, with a border with rounded corners.

Soulmonster
Forumember

Posts : 203
Reputation : 2
Language : Norwegian

Back to top Go down

Re: CSS glitch

Post by genji watanabe on February 15th 2013, 7:33 pm

in css

.forabg, .forumbg {
border-radius: 8px;
}

genji watanabe
Forumember

Male Posts : 231
Reputation : 17
Language : Html, Css, some Js and no Gfx.
Location : Malaysia

http://project-d.forumotion.com/

Back to top Go down

Re: CSS glitch

Post by Soulmonster on February 15th 2013, 7:36 pm

@genji watanabe wrote:in css

.forabg, .forumbg {
border-radius: 8px;
}

I have tried that, it doesn't do anything as far as I can see.

Soulmonster
Forumember

Posts : 203
Reputation : 2
Language : Norwegian

Back to top Go down

Re: CSS glitch

Post by SLGray on February 15th 2013, 7:41 pm

It could help if you post your forum's address.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: CSS glitch

Post by Soulmonster on February 15th 2013, 7:44 pm

@SLGray wrote:It could help if you post your forum's address.

http://www.saltvannsprat.com/

Soulmonster
Forumember

Posts : 203
Reputation : 2
Language : Norwegian

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