1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Question regarding Custom CSS/HTML for Wordpress

Discussion in 'Blogging' started by IbStar, Nov 7, 2014.

  1. IbStar

    IbStar Junior Member

    Joined:
    Oct 25, 2014
    Messages:
    186
    Likes Received:
    188
    Occupation:
    9 - 5 can go to hell!
    Location:
    Cambridge, UK
    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
     
  2. SinfulPromotions

    SinfulPromotions BANNED BANNED

    Joined:
    Feb 1, 2014
    Messages:
    205
    Likes Received:
    93
    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 Thanks x 1
  3. IbStar

    IbStar Junior Member

    Joined:
    Oct 25, 2014
    Messages:
    186
    Likes Received:
    188
    Occupation:
    9 - 5 can go to hell!
    Location:
    Cambridge, UK
    Thanks for quick response, I am familiar with Brackets (great software) and I will play around with my ftp :D
     
  4. shaq015

    shaq015 Newbie

    Joined:
    Aug 15, 2010
    Messages:
    16
    Likes Received:
    3
    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.
     
  5. backbonee

    backbonee Registered Member

    Joined:
    Feb 21, 2015
    Messages:
    84
    Likes Received:
    7
    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...
     
  6. olaking

    olaking Newbie

    Joined:
    Feb 28, 2015
    Messages:
    15
    Likes Received:
    2
    try brackets and do a backup
     
  7. getfreetheme

    getfreetheme Newbie

    Joined:
    Nov 17, 2015
    Messages:
    44
    Likes Received:
    1
    Yes, FTP is the best option and usually that's what we do everytime we have projects with custom HTML/CSS.
     
  8. nigglesmelb

    nigglesmelb Registered Member

    Joined:
    Nov 27, 2015
    Messages:
    58
    Likes Received:
    14
    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.
     
  9. blogzandstuff

    blogzandstuff Elite Member

    Joined:
    Jan 1, 2015
    Messages:
    2,573
    Likes Received:
    879
    Occupation:
    blog creator
    Location:
    UK
    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.
     
  10. True Miller

    True Miller Junior Member

    Joined:
    Nov 20, 2015
    Messages:
    103
    Likes Received:
    51
    Gender:
    Male
    Occupation:
    Internet Marketer, Webmaster, Programmer, Web Desi
    Location:
    United Kingdom
    Home Page:
    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.
     
  11. Alcide28

    Alcide28 Newbie

    Joined:
    Jan 27, 2015
    Messages:
    30
    Likes Received:
    22
    Location:
    Expat
    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.
     
  12. blogzandstuff

    blogzandstuff Elite Member

    Joined:
    Jan 1, 2015
    Messages:
    2,573
    Likes Received:
    879
    Occupation:
    blog creator
    Location:
    UK
    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