I use primeui library in my app and want to change the default theme. I followed this link and made my link tag looking like this:
<link type="text/css" rel="stylesheet" href="primeui/production/primeui-1.1-min.scc?
ln=primefaces-glass-x" />
But it has no effect.
Related
Looking to use one of the examples for Bootstrap 4.5, but whenever I change the filename of the html file or the css file for the example, it breaks the formatting link for the example page. How can I duplicate the original example files and alter the names (to something like "my_page.html" or "my_page.css" for example) without changing the page itself?
If you change the name of your stylesheet (CSS), you also have to update it in your HTML, otherwise it will point your stylesheet to the old name and will break. This works the same for all other file resources you are linking to a HTML page, such as other HTML pages, images, scripts etc.
UPDATE WITH AN EXAMPLE:
Lets say I have three files: index.html, contact.html and stylesheet.css. In my index.html and contact.html pages, they might have the following code:
<!-- index.html -->
<link rel="stylesheet" type="text/css" href="stylesheet.css">
Contact me
<!-- contact.html -->
<link rel="stylesheet" type="text/css" href="stylesheet.css">
Home
Both pages have a link to the stylesheet, and each page has a link to the other page.
Now, I want to change the name of my stylesheet to awesome-style.css, and my contact page to awesome-contact.html. I would have to make the following changes to my HTML pages:
<!-- index.html -->
<link rel="stylesheet" type="text/css" href="awesome-style.css">
Contact me
<!-- awesome-contact.html -->
<link rel="stylesheet" type="text/css" href="awesome-style.css">
Home
I have changed three lines of code here. The stylesheet has to be changed in all HTML pages for your styling to still apply to all pages. In my index.html page, I have changed the link from contact.html to awesome.contact.html so it will still link to the correct HTML page.
I have never had to change any code in awesome-style.css, as you never tell it what HTML documents you will be using it in.
I have a link to a style.css with version, which is updating each time after changing the file in my theme on server:
<link rel="stylesheet" type="text/css" media="all" href="http://example.com/wp-content/themes/twentythirteen/style.css?v=1477025590" />
Also, I can see another link to the same style.css in the source of code but with an old version which doesn't change automatically (it's a standart link of a theme):
<link rel='stylesheet' id='twentythirteen-style-css' href='example.com/wp-content/themes/twentythirteen/style.css?ver=2013-07-18' type='text/css' media='all' />
Is it normal? User should load a file twice or I can delete the second link somehow via functions.php?
Yes you need to check in your functions.php is there this css load
twice ? you can find wp_enque_style function over there.
Remove the css from there which loads twice it will solve your error
I have what seems a very basic problem - my Wordpress site doesn't seem to be recognising the stylesheet. I've developed my own - first - WP theme, and it works fine on my local system. I've uploaded it to a free host to test it live, but it doesn't look like the stylesheet is being recognised.
The website is http://k1demo.byethost6.com , and in style.css I have imported the style sheet from my css folder which has been compiled from a LESS file.
Here is the code in my style.css file:
#import url("/css/styles.css");
And in my header.php the stylesheet is called as such from the head section:
<link rel="stylesheet" type="text/css" href="style.css" />
What am I missing?
What a mess. Currently in your code you are loading:
http://k1demo.byethost6.com/style.css
And it doesn't exist. You need to load:
http://k1demo.byethost6.com/wp-content/themes/K1/style.css
From then #import url("/css/styles.css"); looks at the [root]/css/ which leads to:
http://k1demo.byethost6.com/css/styles.css
It also doesn't exist.
Looks like your syntax is a little messed up...
<link rel="stylesheet" href="type="text/css" href="style.css" />
should be
<link rel="stylesheet" type="text/css" href="/css/style.css" />
The problem is, that you are trying to access the root of your theme folder, while in reality you are hitting the root of your website.
If you want to enqueue the stylesheet directly in the header.php do the following in your href="" to target any file in your theme folder:
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/style.css" />
But I strongly recommend you to let WordPress handle the enqueueing of your scripts and stylesheets in your functions.php.
function enqueue_styles() {
wp_enqueue_style( 'THEMENAME_style_css', get_template_directory_uri() . '/style.css', array(), '0.0.1' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_styles' );
See the documentation of wp_enqueue_style:
https://developer.wordpress.org/reference/functions/wp_enqueue_style/
Note:
If you want your theme to support child themes, you can use get_stylesheet_directory_uri(); instead. This function will look in the child theme folder first, if it doesn't find the file, it will look in the parent theme folder.
The file path needed to be case sensitive, after changing that the css is now working. Very basic mistake...
I want to load css file only for products in specific category. For that I'm adding
<reference name="head">
<action method="addCss"><link>custom.css</link></action>
</reference>
on the custom design tab on specific category in admin panel. That gives me
<link rel="stylesheet" type="text/css" href="http://domain.com/skin/frontend/base/default/custom.css" media="all" />
in the page source code.
The problem is, that this provide link from "base" skin, and I need to add it from "myCustom" skin.
<link rel="stylesheet" type="text/css" href="http://domain.com/skin/frontend/myCustom/default/custom.css" media="all" />
Any ideas how to do this using addCss or any other action that I can provide in admin panel/config file?
I think you have not set the value of "Skin (Images / CSS)" from admin. go to System->Configuration->GENERAL/Design->Themes->Skin (Images / CSS) and add your custom theme name.
Hope will help!
Your xml code is OK.
File must exists in /skin/yourpackage/yourtheme/ to be loaded (Not in /skin/yourpackage/yourtheme/css/ )
I'm trying to modify a theme in wordpress and one thing I've stumbled upon is the way this theme is including a stylesheet file.
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
As I discovered stylesheet_url refers to the file named style.css in the root folder. How can I change the value of the stylesheet_url so that my stylesheet file in the css/ directory will be loaded instead of the default one?
you can put new css file path like this:
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_directory'); ?>/css/newstyle.css" />
and you can remove default css path if you don't need.
hope this helps you. All the best ;)
In function blog_info().
Here is the link to do this and also check this link and this.
You can also see an example here: Where is the value for Wordpress bloginfo('stylesheet_url') saved.