XF 1.2 Is the best way to remove rounded corners...?

[Stuart Wright]

To add this to EXTRA.css?
*{border-radius: 0 !important;}
Or is there a better way?

I ask because our designers don't like rounded corners and this removes them entirely from the site at a stroke.
But is it the best way to do it?
Many thanks.

 

[Paul B]

That's the best and easiest way.

It's what I have in EXTRA.css.

 

[Stuart Wright]

That's the best and easiest way.

It's what I have in EXTRA.css.

Oh cool, thanks. I thought maybe it would be more efficient to actually remove the radius elements from the standard css rather than declare then and then rescind them in this way, but I guess the overhead is minimal?

 

[James]

Oh cool, thanks. I thought maybe it would be more efficient to actually remove the radius elements from the standard css rather than declare then and then rescind them in this way, but I guess the overhead is minimal?

Overhead is negligible, yeah. Also, I think using the wildcard (*) has some overhead.

The most efficient way would be to remove the border-radius declarations in the CSS, if you have time to do that. If not, the global selector should be OK provided you're not worried about milliseconds.

 

[Marcus]

Does anyone have statistics or an article on how much *{border-radius: 0 !important;} is slower than removing the radiants in CSS?

 

[James]

Does anyone have statistics or an article on how much *{border-radius: 0 !important;} is slower than removing the radiants in CSS?

The speed difference is milliseconds, probably less than two milliseconds. I wouldn't worry if you want to go down that route.

However, it's probably better to remove the radiants from existing code, it's less "hacky" and will be much more effective if you come to edit the style again later.

 

[Marcus]

I am doing a redesign now and the goal is to make as few changes as possible to the core design. All the design changes are very time consuming, and in the end my users browse my forum for the content. So it would be better to focus on either community management or writing more products.

So having this in mind, I guess I'll stick with *{border-radius: 0 !important;}

 

[MattW]

I am doing a redesign now and the goal is to make as few changes as possible to the core design. All the design changes are very time consuming, and in the end my users browse my forum for the content. So it would be better to focus on either community management or writing more products.

So having this in mind, I guess I'll stick with *{border-radius: 0 !important;}

That is what I have after @Brogan 's recommendation.

 

[dutchbb]

The only thing you may experience with adding code in EXTRA.css is sometimes (especially with backgrounds) you may see the change happen as your browser loads the page. Most of the time this will not be noticeable with other elements. Personally I would not worry about it if you can't see or feel a difference, since EXTRA.css saves a lot of time.

 

[Paul B]

I have found that is worst when dealing with the main page elements such as the background, header, etc.
The page renders first using the core CSS before EXTRA.css overrides it.

For that reason I use SPs for major elements such as that.

 

[Marcus]

SP means Short Path?

 

[Paul B]

Style Properties.