Question regarding Custom CSS/HTML for Wordpress

IbStar

Junior Member
Joined
Oct 25, 2014
Messages
195
Reaction score
194
Hello BHW

As the title says, I have webhosting + domain with Wordpress installed. I was wondering how can I upload custom CSS/HTML to my wordpress. Do I have to acces the ftp (of my host) or is there a way to do it within the wordpress environment?

Thanks
Ibi
 
You need to use something like Brackets, which is a free software from adobe to edit CSS files...

Yes, you will need access to the FTP files...

Make a copy of your current ftp files, in case you mess something up... and you should be good.
 
You need to use something like Brackets, which is a free software from adobe to edit CSS files...

Yes, you will need access to the FTP files...

Make a copy of your current ftp files, in case you mess something up... and you should be good.

Thanks for quick response, I am familiar with Brackets (great software) and I will play around with my ftp :D
 
If you also want to have dynamic content, you can just make a new page inside wordpress admin. Check what the ID of new page is: wp-admin/post.php?post=91&action=edit&lang=en and then make a new file under your theme folder called - "page-ID.php" or "page-91.php" in this case. In this file you can insert your HTML and then also include content from wordpress with following code: <?php the_content(); ?> or title <?php the_title(); ?>

Otherwise just dump files in root of your wordpress installation.
 
Another way .. installed the best premium theme .. in u r theme options have the custom css/custom script ..
u can upload u r own css .. for example try jarida theme ,ribbon theme etc...
 
Yes, FTP is the best option and usually that's what we do everytime we have projects with custom HTML/CSS.
 
Bets practice is to make a "child theme" -> there are instructions on Wordpress. That way when your template updates, you don't get your changes overwritten.
 
As nigglesmelb said you should first create a child theme and then you can do any css changes in there.
Once you have created your child theme then just right click and inspect element for anything you want to change.
Using a child theme is better than editing the core code as it will remain when there is an update, if you change the core code any changes you make will be lost with updates.
 
There is an editor built in to WordPress.
As for CSS, you can usually edit that in the admin area too. Look around your dashboard.
 
For quick temporary fixes, there are Wordpress plugins that allow you to put custom CSS directly in a post or a page, but you'll end out with some "!important" tags and stuff (because of the stylesheets priorities). Also... it doesn't look good in the page source :P

Its also possible to access the stylesheet.css from Wordpress -> Appearance -> Editor -> Then select "*.css" from the right menu.

Be aware that any CSS changes made this way will most likely be overwritten (or reset) if you apply any update to the theme and that's why it is better to create a child theme.
 
Don't edit the css from the editor directly as any changes will be lost when there is an update. always use a child theme for editing
For quick temporary fixes, there are Wordpress plugins that allow you to put custom CSS directly in a post or a page, but you'll end out with some "!important" tags and stuff (because of the stylesheets priorities). Also... it doesn't look good in the page source :P

Its also possible to access the stylesheet.css from Wordpress -> Appearance -> Editor -> Then select "*.css" from the right menu.

Be aware that any CSS changes made this way will most likely be overwritten (or reset) if you apply any update to the theme and that's why it is better to create a child theme.
 
Back
Top