CSS code for Enterprise Theme

  • Author
    Posts
  • #482822

    sgmboro
    Member

    I’m willing to give it a go, but would just appreciate if someone could direct me to the link colour section of the code. I only want to change that part of the CSS, it isn’t that complicated.

    #482823

    devblog
    Member

    Try

    a {color: YOUR-COLOR;}

    Also, do not copy the entire CSS in the Editor, just what you’re changing/adding.

    #482824

    devblog
    Member

    BTW, I don’t see any blue links in your blog… all look red to me.

    #482825

    sgmboro
    Member

    Yeah they are all red in my current blog, but I’m looking at changing the theme and really would want red links in the enterprise theme.

    #482826

    devblog
    Member

    Ok, and now that you have the code, it’s just a matter of implementing it.

    #482827

    sgmboro
    Member

    Thanks for the code. It’s made all the links the colour I want them, apart from the one’s in the body of the post. Is there anyway of changing the colour of the “pages/categories” section and making the header bigger?

    #482828

    devblog
    Member

    You would have to activate that theme for me to give you the code. I don’t know the selectors by heart so I would just be guessing if I gave you something right now.

    #482829

    I just uploaded a custom header for my blog with the Enterprise theme…it’s the right size, 960 x 80, but I can’t get it to appear. I’ve tried .jpg and .png versions of the header. They appear to get saved just fine, but they don’t appear on my blog.

    http://frozenroyalty.net

    I’ve had to remove the custom header, since it isn’t working. I’ve also tried reverting back to the original CSS style sheet and I still can’t get the custom header to appear. Anyone got an idea?

    #482830

    timethief
    Member

    @kingsfan
    If you have edited the CSS on any theme at wordpress.com then you can no longer use the custom image header uploader. Once you have edited the CSS then the header image URL must be included in the CSS stylesheet.

    #482831

    devblog
    Member

    kingsfan,

    in your “#header” selector, replace the value of your “background” property from:

    background:#FFFFFF;

    to

    background: #fff url(URL-OF-YOUR-IMAGE) 0 0 no-repeat;

    That should do it.

    #482832

    I don’t know a damned thing about CSS (not a web designer), so this is helpful. Thanks! But this still doesn’t explain why it doesn’t work after reverting to the original CSS stylesheet.

    #482833

    OK…is there anything I need to do in the CSS in order to hide header text that WordPress automatically adds to the header?

    #482834

    devblog
    Member

    No problem.

    BTW, I’m not a web designer either; I’m a web developer.

    If there are images that are no longer displayed is because you’ve pasted the entire CSS in the CSS editor and checked the “Start from scratch” radio button. Doing that is not recommended unless you’re doing MAJOR changes to the stylesheet. What you did breaks all the relative paths to the images used by the theme.

    Having said that, the code I gave you SHOULD have worked, provided that you used absolute paths (in this case the URL to your image). Example of relative paths:

    images/img.gif

    Example of absolute pahts:

    http:/&#47www.domain.com/images/img.gif

    When modifying the CSS of a theme, you should only put in the CSS Editor your changes/aditions to it, and have the “add to existing CSS” radio button checked. Read this for more info:

    http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

    To hide the header text you would need to add this to your CSS.

    .header-left h1, .header-left #description {text-indent: -99999px;}

    To reset the theme, delete all the CSS you have in the Editor and check the “Add to existing CSS” radio button. Save. You then can start anew.

    **exhausted**

    #482835

    OK…I haven’t tried anything you suggested yet…won’t be able to get to it for awhile, but now I know what to do. Thanks!

    #482837

    kaixpie
    Member

    I can’t seem to figure out how exactly to change the font in the Menu bar, Posts bar, and the h2 headers. Can someone point me in the right direction? I feel silly asking this, I took a semester-long class on CSS/Javascript/HTML, you think I would be able to figure out something so simple…

    #482838

    devblog
    Member

    Link to blog, please

    #482839

    kaixpie
    Member
    #482840

    devblog
    Member

    what’s the “posts bar”? are you referring to the “Posts Announcements Events” bar?

    #482841

    devblog
    Member

    If that’s what you were referring to, and if all those elements will share the same font, you need to add this to your CSS

    #nav *, #subnav li, #content-left h2 {font-family: YOUR-FONT-HERE; }

    if they will have different fonts, then you’d do it like this:

    #nav * {font-family: YOUR-FONT-HERE;  }
    
    #subnav li {font-family: YOUR-FONT-HERE; }
    
    #content-left h2 {font-family: YOUR-FONT-HERE; }
    #482842

    kaixpie
    Member

    and to change it in all the widgets on in the right-hand sidebar?

The topic ‘CSS code for Enterprise Theme’ is closed to new replies.