Support » Themes and Templates » [Theme Oxygen] – Edits to style.css Won't Work

  • Resolved fabpub

    (@fabpub)


    Hello,

    I am new to WordPress in general and editing css so I am very much at the stage of playing around with my website. I can do all the basic edits fine but when I go to the style.css, everything I try doesn’t seem to take effect. I could delete a whole section and update the file and it won’t make any difference.

    For example this is my step by step process of what I’m doing:
    1)I go to Appearance – Edit
    2)Select Theme to Edit: Oxygen (Press select)
    3)Select Stylesheet (style.css)
    4)Change text-transform: uppercase; to text-transform: lowercase;.
    5)Select Update File (File says it was updated successfully)
    6)Check my website, see no changes have taken affect. I refresh it / delete the cache / press shift + r.
    7)Nothing has happened and I begin pulling out my hair in frustration as I repeat the cycle again and again.

    Can someone see from my steps where I am going wrong and point it out to me and tell me how I can make the changes I make to the style.css actually take affect?

    I would most appreciate it.

    Thank you.

    Joe

Viewing 15 replies - 1 through 15 (of 25 total)
  • Moderator stephencottontail

    (@stephencottontail)


    Can you post a link to your website? Also, you shouldn’t be editing the theme files directly, as you will lose any changes if the theme gets updated in the future.

    Thanks stephencottontail.

    http://www.fablespublishing.com

    I know I shouldn’t and at the start I was copying the theme into a word document, doing the changes there and pasting them in but as they weren’t working, I reloaded the original and have just been trying to work off that directly to see if I can solve the problem.

    Just to add, I know a lot of that menu text on the website is lowercase but that uppercase – lowercase was just an example. I’m actually trying to get that to be normal (text-transform: none;) but without luck, amongst other things.

    Moderator stephencottontail

    (@stephencottontail)


    It’s best to edit CSS in a text editor instead of Microsoft Word, as Word may do undesirable things like automatically replace your straight quotes with curly quotes (which won’t work in your CSS code) or add HTML formatting that may inadvertently be pasted into your CSS code, which would also cause your code to not work correctly.

    With that being said, I don’t see anything particularly wrong with your CSS right now. I see that you were able to get your menu items to display in lowercase text by using:

    #menu-primary li a {
    text-transform: lowercase;
    }

    and if I change that to text-transform: none;, the first letter of your menu items becomes capitalized, and if I change that to text-transform: uppercase;, your menu items become all capitals.

    I genuinely don’t see what you’re seeing here and maybe that’s why I’m having trouble because it’s my lack of understanding.

    }
    #menu-primary li li:first-child, #menu-primary li li.current-menu-item li:first-child { border-top: none; }
    #menu-primary li li a, #menu-primary li li.current-menu-item li a {
    	font-size: 1.166666666666667em; /* 14 / 12 = 1.166666666666667 */
    	text-transform: none;
    	color: #888;
    	margin: 0 5px;
    	padding: 12px 15px;
    }

    Which is what I see in my code. You say you see text-transform: lowercase; for that section while mine is none yet the first letter of my menu is not capitalized.

    Sorry, learning as I go here.

    I’ve just pressed ‘Shift+F5’ on my website and I found what you were looking at

    #menu-primary li a{
    	font-family:'Abel','Helvetica Neue',Helvetica,Arial,sans-serif;
    	font-size:1.333333333333333em;
    	font-weight:400;
    	line-height:1em;
    	margin-right:1em;
    	display:block;
    	text-transform:lowercase;

    I changed that there to text-transform: none; and like you, it worked no problem.

    So I went into my Appearance – Edit – to the css code there and located that particular strand of code and found

    text-transform

    wasn’t even there. I wrote in

    text-transform:none;

    but there still wasn’t any change.

    If you don’t know what I’ve messed up by my ramblings, I’m wondering if as you said earlier, I messed up the code somewhere else with placing it in Microsoft Word. If that’s possible, how do I get the original code back (yes, noob mistake) so I can start fresh? It’s as simple as select Theme to Edit: Oxygen, right?

    By the way, thank you for your help with this!

    Ok, for an update.

    I deleted my Oxygen theme, decided to start from scratch so that I was certain the code would be fine.

    I went onto my website, pressed (shift+F5) and found exactly the little things I wanted to try. I changed the code there and they worked perfectly.

    I go to the brand new code in the Appearance – Editor section, do the exact same changes, and nothing!!!!

    I go back to the website, press (shift+F5) again and find the code never changed.

    What on earth am I doing wrong?!

    Moderator stephencottontail

    (@stephencottontail)


    You say you’re not receiving any errors when you use Appearance > Editor, correct? Can you verify that you’re editing the correct theme? The Editor allows you to edit any theme that you have installed to WordPress.

    Also, I notice that you’re now using the Twenty Fourteen theme. Can you post an example of CSS that you’ve added that doesn’t work?

    Hi Stephencottontail,

    First off, let me remind you that I am extremely new and know nothing. My afternoon has been trying to learn what I can and I’m not sure if it’s because I’m a WordPress.com rather than a WordPress.org or if its because I didn’t have a FTP set up. (Any of these making you go “oohhhhh”?)

    My conclusion has been, whatever the reason, that I can’t edit the Oxygen theme. As an example of a code, all I did just to try after I deleted it and reinstalled it was to change text-transform: lowercase; to text-transform: uppercase on the primary menu. It worked when I used the Firebug application (shift+F5) but when I altered the same line of code in the Editor, it said it was successful but just wasn’t working.

    I’ve downloaded an FTP (FileZilla) since and after setting it up, also noticed the Oxygen theme wouldn’t show up in my directory. The only three that would were Twentythirteen, Twentytwelve, Twentyfourteen so I couldn’t even make it a rewritable/editable file if that was the problem. I don’t know why it’s being such an issue for me but maybe you might after this update.

    So I changed over to the Twenty Fourteen Theme with the view that maybe I can at least get this to work as I want and learn why the Oxygen theme failed me after.

    Do you have any thoughts to what the problem was?

    Thanks though anyway for helping either way.

    Best regards,

    Joe

    Moderator stephencottontail

    (@stephencottontail)


    I’m a bit confused. You said that you were a WP.com user, but your site looks like that of a self-hosted WordPress install. Also, you wouldn’t be able to access things like the Editor on a WP.com install.

    I’m sorry, yes I am using a self-hosted WordPress install. I’m using Spiralhosting as my host server to be exact. Would that make any difference to my issue?

    And to add to my confusion, I just tried the exact same thing of changing an Uppercase headline to a lowercase headline and it worked in the Twentyfourteen theme. So I don’t know why it worked in this theme and not in the Oxygen theme.

    Moderator stephencottontail

    (@stephencottontail)


    I remember that you were able to change the menu items to lowercase when you were using the Oxygen theme. When you use Appearance > Editor, do you receive any errors when you save the file? If you use a custom CSS plugin, do your CSS changes take place?

    No, I never changed it to lowercase. That was actually part of the original theme. I was trying to get it to either uppercase or to normal but it was never taking effect.

    No, I never received any errors.

    I honestly don’t know anything about plugins yet, haven’t tried any so I can’t answer the question but I could try and see.

    Moderator stephencottontail

    (@stephencottontail)


    Forgive me if it seems like I’m asking the same questions over and over, I’m still trying to get a handle on exactly what the problem is. What exactly are you trying to accomplish (i.e., changing the font color of the menu, changing the font used for the page titles, etc.), what steps have you tried (including what CSS code you used), and what happened afterwards?

Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘[Theme Oxygen] – Edits to style.css Won't Work’ is closed to new replies.