Hello I am redesigning my web site to include a style switcher plug in but when testing the import I cannot get the layout sorted

 

@import url ("assets/bootstrap/css/bootstrap.min.css");
@import url ("../assets/fonts/ionicons.min.css");
@import url ("Footer-Basic.css");
@import url ("Navigation-Clean.css");
@import url ("links.css");

the css is stored in assets > css directory  any idea on how to resolve?

Which style switcher plugin is it you're using, buddy?

First thing to do is combine into a singel CSS file. All you are doing with multiple files is slowing down the site.

Why do you need a style switcher? What is the benefit for the user?

were you able to resolve it?

On 6/22/2024 at 1:02 AM, eugenemdonaghy said:

Hello I am redesigning my web site to include a style switcher plug in but when testing the import I cannot get the layout sorted

 

@import url ("assets/bootstrap/css/bootstrap.min.css");
@import url ("../assets/fonts/ionicons.min.css");
@import url ("Footer-Basic.css");
@import url ("Navigation-Clean.css");
@import url ("links.css");

the css is stored in assets > css directory  any idea on how to resolve?

There should be no space between url and the parentheses. Here’s the corrected syntax:

@import url("assets/bootstrap/css/bootstrap.min.css");
@import url("../assets/fonts/ionicons.min.css");
@import url("Footer-Basic.css");
@import url("Navigation-Clean.css");
@import url("links.css");

 

Thanks a lot

3 hours ago, willis said:

One guide that has stood out to me so far is this one:

No idea why you think this one stands out. Apart from being wrong, it only contains a fraction of all the possible pseudo classes:

https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes#alphabetical_index

And it doesn't differentiate between pseudo-class and psuedo-element (even though both are covered incorrectly in the article):

https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements

If I didn't know any better I'd think you were just link-dropping.

Edited September 23, 20241 yr by fisicx