Ocean Mist theme, where is the CSS and can it be modified?

  • RE the Ocean Mist theme, where is the CSS and can it be modified? This is all I have…having increasing problems getting things done without it

    /*
    Theme Name: Ocean Mist
    Theme URI:
    Description: XHTML 1.1 valid theme with a flexible, elastic grid layout and fully customisable colour scheme.
    Version: 2.0
    Author: Ed Merritt
    Author URI:
    Tags: blue, custom header, custom colour scheme, elastic width, two columns, widgets, SEO friendly, accessible, default colour schemes,
    */

    website is https://hikingdenver.net.previewdns.com/

Viewing 11 replies - 1 through 11 (of 11 total)

  • Try looking in the styles sub-folder within the theme folder.

    Thread Starter hikingdenver

    (@hikingdenver)

    Hello again Esmi…I’ll take a look. Any suggestions on how to float my header logo to the right? I got it into the header (small miracle in itself) but seem to be stuck.

    Thanks

    You need to sort out the header template first. This:

    <p
#logo {
        float: right;
        padding-top: 0px;
        padding-right: 20px;
        padding-left: 9999px;
}
</p>

    shouldn’t be inside the markup.

    Thread Starter hikingdenver

    (@hikingdenver)

    what’s a markup? Ok…I took that out. I did find the css for Ocean Mist. It’s on my computer and on my host. I assume that I have to make changes on my hard drive and then upload to the host? What next?

    <p></p> is markup.

    #logo {
        float: right;
        padding-top: 0px;
        padding-right: 20px;
        padding-left: 9999px;
}

    is CSS that belongs in a style block in the <head></head> section of a page or in an external stylesheet.

    I assume that I have to make changes on my hard drive and then upload to the host?

    Yes

    What next?

    Review your changes – remembering to press CTRL and F5 simultaneously when viewing the updated site. Or emptying your browser cache. This should ensure that your web browser fetches a fresh copy of the page rather than serving up an out-dated copy from your own cache.

    If you use Firefox, you may find the Firebug add-on useful for locating and tinkering with CSS on-the-fly.

    Thread Starter hikingdenver

    (@hikingdenver)

    I’ve played with firebug a little and it’s a bit un-nerving for a newbie, everything is dancing around a bit too much for my taste. I just don’t know what to do with it. So Instead, I am looking around the default.css in Notepad…where exactly do I put this code? My eyes are starting to cross…

    Thanks

    Try adding it to the bottom of default.css

    Thread Starter hikingdenver

    (@hikingdenver)

    well…getting closer! at least it’s on the right side of the page. Can you take a look please and give me your thoughts??

    You can’t have 2 blocks with an id of “logo” on 1 page. The logo id is already being used by your site’s title, so you can’t add <img id="logo"...> to the header. It would make far more sense to:

    1. get rid of the image markup that you added to the header.

    2. upload your logo image to theme’s images subfolder

    3. delete:

    #logo {
float:right;
padding-left:9999px;
padding-right:20px;
padding-top:0;
}

    4. amend:

    #logo {
color:#fff;
font-family:Tahoma,Helvetica,Arial,sans-serif;
font-size:2.5em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:-0.1em;
text-decoration:none;
}

    to:

    #logo {
color:#fff;
font-family:Tahoma,Helvetica,Arial,sans-serif;
font-size:2.5em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:-0.1em;
text-decoration:none;
background:url(images/cmcroundlogo.png) no-repeat right top;
height:110px;
padding-right:130px;
}
    Thread Starter hikingdenver

    (@hikingdenver)

    I’m looking around in the default.css for the code you suggest I amend, not sure I am clear which/where it is…

    can’t I just rename the logo?

    Thread Starter hikingdenver

    (@hikingdenver)

    Making progress…last question: how do I get the logo higher?? So that it sits in the gray bar?

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Ocean Mist theme, where is the CSS and can it be modified?’ is closed to new replies.