I have created a WordPress themes with all the necessary templates (PHP files). However under "Styles" it's currently only showing the style.css file. I understand I can #import CSS files in style.css but I wanna be able to edit those additional CSS files from my theme directly in the WordPress theme editor, like I can with style.css.
Seems silly to have a whole "Styles" heading in the theme editor if you can't even add other CSS files?
So is it possible to make extra CSS files show up in the theme editor?
Just create another stylesheet in your theme folder and it will show up in the theme editor. You can then edit that stylesheet from there.
You can import that css in your style.css or can enqueue style if you want.
Related
Trying to create a new wordpress theme, when I look for CSS file in the developer tools it doesn't appear, even if I have a file saved as style.css in the same theme folder . As you can imagine the website does not have any stile but the theme preview do display theme name and author (wrote as a comment in the CSS file). Thanks
I am trying to change the background color of my Wordpress site, as well as the size of images I use on this site. However, I can't find the CSS file that specifies these properties for my Wordpress site.
If I can edit it, where is the CSS file that specifies these properties for my Wordpress site located?
You can edit CSS from admin panel also
Go to Dashboard > Appearance > Editor and click on style.css.
here you can edit the files directly from this window and hit save when you’re done.
or
You can edit CSS file located at ,
Go to wp-content > themes > YOUR THEME NAME and try to finder a folder that houses the css files. They are usually named CSS stylesheets or styles.
Which theme do you use?
The most of wordpress themes have a style.css in their parent folder that finds in: wp-content/themes/your-theme.
If you can't find this file, you can add styles in custom CSS on the "Theme Options" in /wp-admin.
PD: I recommend you to use a child theme because if you need in the future to update the theme, all your modifications in it will lose.
I want to use a custom font for my website which uses WordPress and Avada theme,
I introduced the font via typography custom font option.
But since its not listed on the Google or Standard fonts, I can't apply it on the headings or title or body.
How can I add a new font to the list of fonts in Avada theme and use it for different sections of the website?
or if I can change the css, which css and where I can change the fonts?
You will be able to change the CSS -- it will be located inside the theme directory, and the file will normally be called styles.css. If you import your font into the css file, you should be able to apply your Persian font instead of the default.
I solved it by editing the style.css in the themes\avada directory and imported my font via the font-face, plus I selected none for the font selection boxes in the typography section of the theme options otherwise they override my fonts
Actually the order of styles being applied is: style.css -> options in the theme options -> custom styles in the theme options
don't rely on editing avada.css which is dynamically generated after changing the theme options.
I am having an issue with a wordpress and a bbpress plugin. I need to install a bbpress theme, but I can't seem to have them show up in admin, although I put it in the right directory. I have also tried with other themes, same result.
This is a bit hacky, but I was able to theme bbpress by building a child theme. By making a child theme instead of altering the plugin theme directly, you will make sure that your style changes won’t be overwritten if and when you update the plugin.
Start by copying the bbpress theme out of the plugin folder (I started working off the bbp-twentyten theme), and pasting it into the Wordpress themes folder. Rename it with whatever you want your new bbpress theme to be called. Go into themes > your child theme's name > style.css and add this in the header:
#import url('../ the name of your parent theme /style.css');
Theme Name: Name of your Child theme
Description: Description of child theme.
Author: Your name
Template: The name of your parent theme
Go in to the appearance > theme area of your Wordpress dashboard and see if your new theme appears. If it does, install it.
Your site should look exactly like it did before. What happens is that #import url allows the theme to pull all the styles from the parent theme, which you can then override without messing up the original.
Now edit the style.css file in themes > your-child-theme. Just be aware that if you make a change that doesn’t seem to load, you may need to add an !important to the style.
I am developing a plugin for thw wordpress.One of the requirement is to change the css stylesheet that is to change the theme using the plugin.
I want the feature in which user(admin) can chose the css theme from the existing themes directory and how can i deactivate the existing theme and activate the chosen theme.
How can that be done?
Thanks