Page load looks ugly before css comes in [closed] - css

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
How can I improve the page load on this page? http://designwebs.co.uk/griffiths/news-6/
Basically before the css gets loaded the page doesn't look very pretty.
Any help would be appreciated, thanks.

Some general tips:
Minimize your css.
Combine your css into one file (use a server side utlity).
Same with your javscripts.
And use a preloader. This will display a loading icon until your whole content has been loaded
http://niklausgerber.com/blog/preloadme-a-lightweight-jquery-website-preloader/

When you have a big CSS-File, it takes a while to load it.
Try to use a clean CSS. Some tips are documentet here
A other option is to show the site until everything is loaded. Here you have an easy-to-understand code snip by CSS-Tricks

Related

Is Shared Additional CSS slowing down the page loading speed? Should additional CSS be on specific/relative page? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about programming within the scope defined in the help center.
Closed 1 year ago.
Improve this question
In my WP site (using mainly elementor), my developers put all of the Additional CSS in the Appearance-> Additional CSS. Now there is 2230 lines of Additional CSS. Is that normal or a definite issue?
For example if Additional CSS is specific to one page, should I make sure it is only connected to the one page.. ie. if additional css is in "Appearance-> Additional CSS" is that loading for every page in the site, regardless if the code is not related to the page that is opening?
In my opinion it is an issue.
Do you have access to the theme code?
If so,
Best practice would be to add conditional logic to run a stylesheet per page. Frr example:
if(is_page(id)){
wp_enqueue_style()
}
You would need to break up your css in pieces and only run the pieces you need.

Cant style Facebook share button as its in an iframe? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
Is it possible to use CSS to style the facebook share button? The problem im having is that the javascript creates an iframe meaning normal CSS on the page doenst affect the styling of the iframe.
https://developers.facebook.com/docs/plugins/share-button/
According to the Facebook Do's and Don'ts, you are not allowed to
Modify Facebook brand assets in any way, such as by changing the design or color
So I guess that settles the matter.
Should you really want to customize the content of an iframe, the question has already been asked multiple times: check out this answer, or that answer or even that one.

Different css stylesheets from redirectiong [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Improve this question
I have a welcome page, which have two buttons- "full" version and simplified. Both will redirect to same page, but depending on which button was "main" page entered through I want to load different CSS file (simplified version will only have background colors, not images). How can it be done? (I'd preffer javascript, html and css).
Attach a parameter to the url: yoururl.com/main.html?full=0
Get the parameter with JS: https://stackoverflow.com/a/8463056/2587420
Load the specific CSS with JS: http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml

cssClass appears as not defined [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
I don't think it's critical since it works. But I was just wondering why sometimes in html it looks like a CssClass doesn't exist, when it does..
and when I run the application all the css data from that class is in place.
This is just an issue with Visual Studio's intellisense, I've come across this a few times myself. I don't think its anything to be concerned with.
Restarting your software, and reopening the application should fix the problem.
However, it might depend on how you're including the stylesheet in your pages. If you are including this programatically, then Visual Studio won't be able to understand this, and therefore won't pick up on the styles in it's intellisense, it just picks up on the styles from StyleSheet's included in the head tag as link elements.

flex 3 navigateToURL [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
im using the navigateToUrl class to allow users to download some content - this works fine in Firefox however in IE a new blank page is opened with no content along with the download window (which is all i want showing up) any fixes for this ? cheers
in navigateToURL keep the second parameter "_self"...
example:
navigateToURL(url,"_self");
if you want to show your your file in a window then you will have to use iframe.
hope this will solve your problem.

Resources