Cutline CSS Customization

  • Author
    Posts
  • #307437

    beemeister
    Member

    I just did a redesign of Cutline on my site (username click on my name to see it). Check it out and let me know how it renders in your browser. I think I may have some Opera and Safari and maybe IE issues…but it looks great in FireFox. (why wouldn’t it?)

    Thanks guys!

    #307560

    devblog
    Member

    Looking good in (Windows XP):

    IE6
    FX3
    K-Meleon 1.5.1
    Opera 9.01

    The header is not align with the menu (appears a bit higher) in:

    Opera 7.20 and 8.53

    Other than that, it looks good.

    When I get home I’ll test it on me Mac, and if I get me virtual machine fixed I’ll check it in Konqueror too.

    #307561

    beemeister
    Member

    Hey dev! Thanks a lot. I have some issues with my content-box not displaying padding in Safari. It should be padded and have a border of 2px, but it does not. I am thinking Safari has a different way of CSS, and from what I read, it seems to be more “picky.”

    #307562

    devblog
    Member

    Sure thing.

    Hmm… usually Safari and Firefox display elements very similar. I mean, if it looks padded in Firefox it should look padded in Safari too. When I get home I’ll take a look at your CSS, if you don’t mind, and will give you any suggestions that may fix your issue.

    Also, I checked it in Chrome and the contents background doesn’t span the whole container… You know? since Safari and Chrome use the same engine (WebKit), maybe fixing that in Safari will fix this issue in Chrome.

    #307563

    beemeister
    Member

    That is exactly the problem I was mentioning. I have a container background set, but it does not display in SF as in FF.

    Thanks for your help dev!

    #307588

    devblog
    Member

    I overlooked some things in IE that I’m trying to fix now. I’ll post the code here once it’s done.

    Did I mention that I dislike IE?

    #307590

    1tess
    Moderator Emeritus

    I have some issues with my content-box not displaying padding in Safari. It should be padded and have a border of 2px
    I just looked in safari, and the header looks wider than the post width. Also the text in your posts is pressed right up to the edge, especially on the left—on the right, it’s harder to tell with the sidebar, but that looks close as well, I think.

    #307591

    beemeister
    Member

    devblog – Did I mention that I dislike IE?

    So do I. I don’t even have it on my Mac…which is why I can’t double check against it.

    Thanks so much for the help!

    1tess – Thanks for checking out my site. My container which holds the page content is not displaying the background color in Safari. It does in FF and IE. Here is what it is supposed to look like → http://img78.imageshack.us/my.php?image=123zn1.png

    #307593

    1tess
    Moderator Emeritus

    beemeister
    Yes, it looks good in Firefox. I have a Mac too!
    IE, got tired of that long ago—don’t think they even support Macs anymore do they?

    #307601

    devblog
    Member

    Ok, bee. Here’s the code. Replace the current definitions with the following ones:

    h1 {
    font:bold 3.8em Helvetica, Arial, sans-serif;
    margin:0;
    padding:0;
    }
    
    #masthead {
    width:auto;
    float:left;
    margin:0;
    padding:0;
    }
    
    #masthead h1 {
    background:#b2ada0;
    border:none;
    margin:0;
    }
    
    h1 a,h1 a:visited,h1 a:hover {
    color:#000;
    text-decoration:none;
    }
    
    #container {
    background-color:#b2ada0;
    clear:both;
    overflow:hidden;
    width:810px;
    margin:25px auto 0;
    }
    
    ul#nav {
    list-style:none;
    display:inline;
    width:550px;
    background:#b2ada0;
    border-bottom:0 solid #000;
    float:right;
    clear:none;
    margin:0;
    padding:0;
    }
    
    ul#nav li {
    background-color:#b2ada0;
    font:bold 1.5em Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    float:left;
    clear:none;
    padding:35px 0 0 17px;
    }
    
    #header_img {
    background-color:#fff;
    border-bottom:0 solid #000;
    border-top:2px solid #ccc;
    border-right:2px solid #ccc;
    border-left:2px solid #ccc;
    clear:both;
    margin:-15px 0 0;
    padding:18px 18px 0;
    }

    This fixes a problem with the header and menus in IE that I overlooked. I tested this in IE7 and works (I don’t have IE6 here at home, but I bet it looks okay too. I’ll check tomorrow at the office). This also fixes the Safari problem (and it should also fix the way it’s displayed in Chrome).

    I hope I’m not missing any declaration. Let me know if otherwise.

    #307602

    aw1923
    Member

    your blog looks so nice. I like the design a lot.

    #307603

    Beemeister — I really like your site and could use some help. I just bought the CSS upgrade but don’t have any clue how to write CSS… Would it be at all possible for you to help me with my own site? I’m using the Benevolence theme

    http://christinainrome.wordpress.com/

    That’s what I got so far

    #307618

    beemeister
    Member

    aw1923 – thanks for the compliment! I had some inspiration from pearsonified.com and the vigilance theme.

    christinainrome – It depends on what you want to do. Drop me a line on my site (click on my name) and leave a comment describing what you would like. I will see what I can do about it.

    #307620

    beemeister
    Member

    devblog – You are awesome to help out like this! Thanks so much.

    I am still getting a problem with the container in Safari. There is no background and padding. Also, the header nav is funky in Opera. Here is a shot → http://img377.imageshack.us/my.php?image=1234yf7.png

    Here are the declarations. I don’t have all of them custom. Just included the related tags for good measure…I was trying out a number of different things.

    a {
    color:#772124;
    text-decoration:none;
    }
    
    a:visited {
    color:#772124;
    text-decoration:none;
    }
    
    a:hover {
    color:#58181b;
    text-decoration:underline;
    }
    
    blockquote {
    font-style:italic;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#555;
    border-left:1px solid #aaa;
    margin:0 30px 20px;
    padding:0 0 0 10px;
    }
    
    abbr,acronym {
    border-bottom:1px dotted #333;
    text-transform:uppercase;
    cursor:help;
    }
    
    code {
    color:#090;
    font-family:"Courier New", Courier, monospace;
    }
    
    pre {
    width:500px;
    overflow:auto;
    font-size:1.3em;
    float:left;
    clear:both;
    margin:0 0 20px;
    }
    
    * html pre {
    font-size:1em;
    }
    
    p.center {
    text-align:center!important;
    }
    
    p.bottom {
    margin:0!important;
    }
    
    p.unstyled {
    font-size:1.6em;
    }
    
    .flickr_blue {
    color:#007ae4;
    text-transform:lowercase;
    }
    
    .flickr_pink {
    color:#ff2a96;
    text-transform:lowercase;
    }
    
    h1 {
    font:bold 3.8em Helvetica, Arial, sans-serif;
    margin:0;
    padding:0;
    }
    
    * html h1 {
    letter-spacing:-.1em;
    }
    
    #masthead h1 {
    background:#b2ada0;
    border:none;
    margin:0;
    }
    
    h1 a,h1 a:visited,h1 a:hover {
    color:#000;
    text-decoration:none;
    }
    
    h3 {
    font:bold 1.1em Helvetica, Georgia, "Times New Roman", Times, serif;
    letter-spacing:.2px;
    text-transform:uppercase;
    color:#000;
    }
    
    .entry h3 {
    margin:35px 0 10px;
    }
    
    .entry h3.top {
    margin:0 0 10px!important;
    }
    
    h3.comments_headers {
    font-size:1.4em;
    }
    
    body {
    background:#b2ada0;
    color:#333;
    font:62.5% Georgia, "Times New Roman", Times, serif;
    text-align:center;
    }
    
    #container {
    background-color:#b2ada0;
    clear:both;
    overflow:hidden;
    width:810px;
    margin:25px auto 0;
    }
    
    #content_box {
    width:770px;
    text-align:left;
    float:center;
    clear:both;
    background-color:#fff;
    background:#fff;
    border-right:2px solid #ccc;
    border-left:2px solid #ccc;
    padding:0 18px;
    }
    
    #content {
    background-color:#fff;
    width:500px;
    float:left;
    overflow:hidden;
    padding:18px 40px 0 0;
    }
    
    * html #content {
    background-color:#fff;
    overflow:hidden;
    }
    
    #sidebar {
    background-color:#fff;
    width:230px;
    float:left;
    overflow:hidden;
    }
    
    * html #sidebar {
    background-color:#fff;
    overflow:hidden;
    }
    
    #footer {
    width:790px;
    border-top:2px solid #ccc;
    font:bold 1.4em/1.4em Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    letter-spacing:.3px;
    float:center;
    clear:both;
    padding:12px 10px 10px;
    }
    
    #masthead {
    width:auto;
    float:left;
    margin:0;
    padding:0;
    }
    
    ul#nav {
    list-style:none;
    display:inline;
    width:550px;
    background:#b2ada0;
    border-bottom:0 solid #000;
    float:right;
    clear:none;
    margin:0;
    padding:0;
    }
    
    ul#nav li {
    background-color:#b2ada0;
    font:bold 1.5em Helvetica, Arial, sans-serif;
    letter-spacing:.2px;
    text-transform:uppercase;
    float:left;
    clear:none;
    padding:35px 0 0 17px;
    }
    
    ul#nav li a,ul#nav li a:visited {
    color:#000;
    text-decoration:none;
    }
    
    ul#nav li a:hover {
    color:#772124;
    text-decoration:underline;
    }
    
    ul#nav li a.current,ul#nav li a.current:visited,ul#nav li a.current:hover,ul#nav li.current_page_item a,ul#nav li.current_page_item a:visited,ul#nav li.current_page_item a:hover {
    color:#fff;
    text-decoration:underline;
    }
    
    ul#nav li.rss {
    float:right;
    padding:12px 0 10px;
    }
    
    ul#nav li.rss a {
    background:url('images/icon_rss.gif') 100% 50% no-repeat;
    padding:0 18px 0 0;
    }
    
    #header_img {
    background-color:#fff;
    border-bottom:0 solid #000;
    border-top:2px solid #ccc;
    border-right:2px solid #ccc;
    border-left:2px solid #ccc;
    clear:both;
    margin:-15px 0 0;
    padding:18px 18px 0;
    }
    
    #header_img img {
    display:block;
    }
    
    .navigation {
    width:500px;
    font-size:1.5em;
    float:left;
    margin:0 0 40px;
    }
    
    * html .navigation {
    margin:0 0 30px;
    }
    
    .previous {
    float:left;
    padding:0 20px 0 0;
    }
    
    .next {
    float:right;
    }
    
    #sidebar a img {
    border:none;
    }
    
    ul.sidebar_list {
    list-style:none;
    }
    
    ul.sidebar_list li.widget {
    width:230px;
    font-size:1.3em;
    line-height:1.4em;
    float:left;
    margin:0 0 30px;
    }
    
    li.widget h2,li.linkcat h2 {
    font-weight:bold;
    font-size:1.1em;
    text-transform:uppercase;
    letter-spacing:normal;
    border-top:3px solid #000;
    background:url('images/hr_dot_black.gif') 0 100% repeat-x;
    margin:0 0 10px;
    padding:6px 2px;
    }
    
    li.widget p {
    margin:0 0 15px;
    padding:0 10px;
    }
    
    li.widget a img {
    border:none;
    }
    
    li.widget ul,li.linkcat ul {
    list-style:square;
    margin:0 0 15px 20px;
    }
    
    li.widget ol {
    margin:0 0 15px 20px;
    }
    
    li.widget li,li.linkcat li {
    margin:0 0 8px;
    }
    
    li.widget li a,li.widget li a:visited,li.linkcat li a,li.linkcat li a:visited {
    text-decoration:none;
    }
    
    li.widget li a:hover,li.linkcat li a:hover {
    text-decoration:underline;
    }
    
    li.widget li .recent_date {
    font-weight:bold;
    color:#888;
    padding:0 0 0 8px;
    }
    
    li.widget ul.flickr_stream {
    list-style:none;
    margin:0;
    padding:0 10px;
    }
    
    li.widget ul.flickr_stream li {
    display:inline;
    margin:0;
    padding:0 5px 5px 0;
    }
    
    li.widget ul.flickr_stream li a img {
    padding:3px;
    }
    
    li.widget ul.flickr_stream li a:hover img {
    background:#ff2a96;
    }
    
    li.widget_flickrrss a img {
    margin:0 5px 5px 0;
    padding:3px;
    }
    
    li.widget_flickrrss a:hover img {
    background:#ff2a96;
    }
    
    #calendar_wrap {
    font-size:1.2em;
    }
    
    ul.sidebar_list li#linkcat-1,ul.sidebar_list li#linkcat-2,ul.sidebar_list li#linkcat-3,ul.sidebar_list li#linkcat-4,ul.sidebar_list li#linkcat-5,ul.sidebar_list li#linkcat-6,ul.sidebar_list li#linkcat-7,ul.sidebar_list li#linkcat-8,ul.sidebar_list li#linkcat-9 {
    width:230px;
    font-size:1.2em;
    line-height:1.4em;
    float:left;
    margin:0 0 30px;
    }
    
    ul.sidebar_list li#linkcat-1 h2,ul.sidebar_list li#linkcat-2 h2,ul.sidebar_list li#linkcat-3 h2,ul.sidebar_list li#linkcat-4 h2,ul.sidebar_list li#linkcat-5 h2,ul.sidebar_list li#linkcat-6 h2,ul.sidebar_list li#linkcat-7 h2,ul.sidebar_list li#linkcat-8 h2,ul.sidebar_list li#linkcat-9 h2 {
    font-weight:bold;
    font-size:1.2em;
    text-transform:uppercase;
    letter-spacing:normal;
    border-top:3px solid #000;
    background:url('images/hr_dot_black.gif') 0 100% repeat-x;
    margin:0 0 10px;
    padding:6px 2px;
    }
    
    ul.sidebar_list li#linkcat-1 ul,ul.sidebar_list li#linkcat-2 ul,ul.sidebar_list li#linkcat-3 ul,ul.sidebar_list li#linkcat-4 ul,ul.sidebar_list li#linkcat-5 ul,ul.sidebar_list li#linkcat-6 ul,ul.sidebar_list li#linkcat-7 ul,ul.sidebar_list li#linkcat-8 ul,ul.sidebar_list li#linkcat-9 ul {
    list-style:square;
    margin:0 0 15px 20px;
    }
    
    ul.sidebar_list li#linkcat-1 li,ul.sidebar_list li#linkcat-2 li,ul.sidebar_list li#linkcat-3 li,ul.sidebar_list li#linkcat-4 li,ul.sidebar_list li#linkcat-5 li,ul.sidebar_list li#linkcat-6 li,ul.sidebar_list li#linkcat-7 li,ul.sidebar_list li#linkcat-8 li,ul.sidebar_list li#linkcat-9 li {
    margin:0 0 8px;
    }
    
    ul.sidebar_list li#linkcat-1 li a,ul.sidebar_list li#linkcat-2 li a,ul.sidebar_list li#linkcat-3 li a,ul.sidebar_list li#linkcat-4 li a,ul.sidebar_list li#linkcat-5 li a,ul.sidebar_list li#linkcat-6 li a,ul.sidebar_list li#linkcat-7 li a,ul.sidebar_list li#linkcat-8 li a,ul.sidebar_list li#linkcat-9 li a {
    text-decoration:none;
    }
    
    ul.sidebar_list li#linkcat-1 li a:hover,ul.sidebar_list li#linkcat-2 li a:hover,ul.sidebar_list li#linkcat-3 li a:hover,ul.sidebar_list li#linkcat-4 li a:hover,ul.sidebar_list li#linkcat-5 li a:hover,ul.sidebar_list li#linkcat-6 li a:hover,ul.sidebar_list li#linkcat-7 li a:hover,ul.sidebar_list li#linkcat-8 li a:hover,ul.sidebar_list li#linkcat-9 li a:hover {
    text-decoration:underline;
    }
    #307621

    devblog
    Member

    That’s weird, it works for me…

    http://sandboxskins.wordpress.com/

    Let me see wassup.

    #307622

    beemeister
    Member

    HA! I just saw your Sandbox blog, dev, and I noticed that theme you are using looks pretty nice! Familiar too, in a way. Sure you can use it…thanks for helping to debug it!

    #307624

    devblog
    Member

    Maybe I missed a definition. I modified a lot of things that I lost track…

    Here’s the whole thing

    a {
    color:#772124;
    text-decoration:none;
    }
    
    a:visited {
    color:#772124;
    text-decoration:none;
    }
    
    a:hover {
    color:#58181b;
    text-decoration:underline;
    }
    
    blockquote {
    font-style:italic;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#555;
    border-left:1px solid #aaa;
    margin:0 30px 20px;
    padding:0 0 0 10px;
    }
    
    abbr,acronym {
    border-bottom:1px dotted #333;
    text-transform:uppercase;
    cursor:help;
    }
    
    code {
    color:#090;
    font-family:"Courier New", Courier, monospace;
    }
    
    pre {
    width:500px;
    overflow:auto;
    font-size:1.3em;
    float:left;
    clear:both;
    margin:0 0 20px;
    }
    
    * html pre {
    font-size:1em;
    }
    
    p.center {
    text-align:center!important;
    }
    
    p.bottom {
    margin:0!important;
    }
    
    p.unstyled {
    font-size:1.4em;
    }
    
    .flickr_blue {
    color:#007ae4;
    text-transform:lowercase;
    }
    
    .flickr_pink {
    color:#ff2a96;
    text-transform:lowercase;
    }
    
    h1 {
    font:bold 3.8em Helvetica, Arial, sans-serif;
    margin:0;
    padding:0;
    }
    
    #masthead {
    width:auto;
    float:left;
    margin:0;
    padding:0;
    }
    
    #masthead h1 {
    background:#b2ada0;
    border:none;
    margin:0;
    }
    
    h1 a,h1 a:visited,h1 a:hover {
    color:#000;
    text-decoration:none;
    }
    
    h3 {
    font:bold 1.1em Helvetica, Georgia, "Times New Roman", Times, serif;
    letter-spacing:.2px;
    text-transform:uppercase;
    color:#000;
    }
    
    .entry h3 {
    margin:35px 0 10px;
    }
    
    .entry h3.top {
    margin:0 0 10px!important;
    }
    
    h3.comments_headers {
    font-size:1.4em;
    }
    
    body {
    background:#b2ada0;
    color:#333;
    font:62.5% Georgia, "Times New Roman", Times, serif;
    text-align:center;
    }
    
    #container {
    background-color:#b2ada0;
    clear:both;
    overflow:hidden;
    width:810px;
    margin:25px auto 0;
    }
    
    #content_box {
    width:770px;
    text-align:left;
    overflow:hidden;
    clear:both;
    background-color:#fff;
    background:#fff;
    border-right:2px solid #ccc;
    border-left:2px solid #ccc;
    padding:0 18px;
    }
    
    #content {
    background-color:#fff;
    width:500px;
    float:left;
    overflow:hidden;
    padding:18px 40px 0 0;
    }
    
    * html #content {
    background-color:#fff;
    overflow:hidden;
    }
    
    #sidebar {
    background-color:#fff;
    width:230px;
    float:left;
    overflow:hidden;
    }
    
    * html #sidebar {
    background-color:#fff;
    overflow:hidden;
    }
    
    #footer {
    width:790px;
    border-top:2px solid #ccc;
    font:bold 1.4em/1.4em Helvetica, Arial, sans-serif;
    text-transform:lowercase;
    float:center;
    clear:both;
    padding:12px 10px 10px;
    }
    
    ul#nav {
    list-style:none;
    display:inline;
    width:550px;
    background:#b2ada0;
    border-bottom:0 solid #000;
    float:right;
    clear:none;
    margin:0;
    padding:0;
    }
    
    ul#nav li {
    background-color:#b2ada0;
    font:bold 1.5em Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    float:left;
    clear:none;
    padding:35px 0 0 17px;
    }
    
    ul#nav li a,ul#nav li a:visited {
    color:#000;
    text-decoration:none;
    }
    
    ul#nav li a:hover {
    color:#772124;
    text-decoration:underline;
    }
    
    ul#nav li a.current,ul#nav li a.current:visited,ul#nav li a.current:hover,ul#nav li.current_page_item a,ul#nav li.current_page_item a:visited,ul#nav li.current_page_item a:hover {
    color:#fff;
    text-decoration:underline;
    }
    
    ul#nav li.rss {
    float:right;
    padding:12px 0 10px;
    }
    
    ul#nav li.rss a {
    background:url('images/icon_rss.gif') 100% 50% no-repeat;
    padding:0 18px 0 0;
    }
    
    #header_img {
    background-color:#fff;
    border-bottom:0 solid #000;
    border-top:2px solid #ccc;
    border-right:2px solid #ccc;
    border-left:2px solid #ccc;
    clear:both;
    margin:-15px 0 0;
    padding:18px 18px 0;
    }
    
    #header_img img {
    display:block;
    }
    
    #sidebar a img {
    border:none;
    }
    
    ul.sidebar_list {
    list-style:none;
    }
    
    ul.sidebar_list li.widget {
    width:230px;
    font-size:1.3em;
    line-height:1.4em;
    float:left;
    margin:0 0 30px;
    }
    
    li.widget h2,li.linkcat h2 {
    font-weight:bold;
    font-size:1.1em;
    text-transform:uppercase;
    letter-spacing:normal;
    border-top:3px solid #000;
    background:url('images/hr_dot_black.gif') 0 100% repeat-x;
    margin:0 0 10px;
    padding:6px 2px;
    }
    
    li.widget p {
    margin:0 0 15px;
    padding:0 10px;
    }
    
    li.widget a img {
    border:none;
    }
    
    li.widget ul,li.linkcat ul {
    list-style:square;
    margin:0 0 15px 20px;
    }
    
    li.widget ol {
    margin:0 0 15px 20px;
    }
    
    li.widget li,li.linkcat li {
    margin:0 0 8px;
    }
    
    li.widget li a,li.widget li a:visited,li.linkcat li a,li.linkcat li a:visited {
    text-decoration:none;
    }
    
    li.widget li a:hover,li.linkcat li a:hover {
    text-decoration:underline;
    }
    
    li.widget li .recent_date {
    font-weight:bold;
    color:#888;
    padding:0 0 0 8px;
    }
    
    li.widget ul.flickr_stream {
    list-style:none;
    margin:0;
    padding:0 10px;
    }
    
    li.widget ul.flickr_stream li {
    display:inline;
    margin:0;
    padding:0 5px 5px 0;
    }
    
    li.widget ul.flickr_stream li a img {
    padding:3px;
    }
    
    li.widget ul.flickr_stream li a:hover img {
    background:#ff2a96;
    }
    
    li.widget_flickrrss a img {
    margin:0 5px 5px 0;
    padding:3px;
    }
    
    li.widget_flickrrss a:hover img {
    background:#ff2a96;
    }
    
    #calendar_wrap {
    font-size:1.2em;
    }
    
    ul.sidebar_list li#linkcat-1,ul.sidebar_list li#linkcat-2,ul.sidebar_list li#linkcat-3,ul.sidebar_list li#linkcat-4,ul.sidebar_list li#linkcat-5,ul.sidebar_list li#linkcat-6,ul.sidebar_list li#linkcat-7,ul.sidebar_list li#linkcat-8,ul.sidebar_list li#linkcat-9 {
    width:230px;
    font-size:1.2em;
    line-height:1.4em;
    float:left;
    margin:0 0 30px;
    }
    
    ul.sidebar_list li#linkcat-1 h2,ul.sidebar_list li#linkcat-2 h2,ul.sidebar_list li#linkcat-3 h2,ul.sidebar_list li#linkcat-4 h2,ul.sidebar_list li#linkcat-5 h2,ul.sidebar_list li#linkcat-6 h2,ul.sidebar_list li#linkcat-7 h2,ul.sidebar_list li#linkcat-8 h2,ul.sidebar_list li#linkcat-9 h2 {
    font-weight:bold;
    font-size:1.2em;
    text-transform:uppercase;
    letter-spacing:normal;
    border-top:3px solid #000;
    background:url('images/hr_dot_black.gif') 0 100% repeat-x;
    margin:0 0 10px;
    padding:6px 2px;
    }
    
    ul.sidebar_list li#linkcat-1 ul,ul.sidebar_list li#linkcat-2 ul,ul.sidebar_list li#linkcat-3 ul,ul.sidebar_list li#linkcat-4 ul,ul.sidebar_list li#linkcat-5 ul,ul.sidebar_list li#linkcat-6 ul,ul.sidebar_list li#linkcat-7 ul,ul.sidebar_list li#linkcat-8 ul,ul.sidebar_list li#linkcat-9 ul {
    list-style:square;
    margin:0 0 15px 20px;
    }
    
    ul.sidebar_list li#linkcat-1 li,ul.sidebar_list li#linkcat-2 li,ul.sidebar_list li#linkcat-3 li,ul.sidebar_list li#linkcat-4 li,ul.sidebar_list li#linkcat-5 li,ul.sidebar_list li#linkcat-6 li,ul.sidebar_list li#linkcat-7 li,ul.sidebar_list li#linkcat-8 li,ul.sidebar_list li#linkcat-9 li {
    margin:0 0 8px;
    }
    
    ul.sidebar_list li#linkcat-1 li a,ul.sidebar_list li#linkcat-2 li a,ul.sidebar_list li#linkcat-3 li a,ul.sidebar_list li#linkcat-4 li a,ul.sidebar_list li#linkcat-5 li a,ul.sidebar_list li#linkcat-6 li a,ul.sidebar_list li#linkcat-7 li a,ul.sidebar_list li#linkcat-8 li a,ul.sidebar_list li#linkcat-9 li a {
    text-decoration:none;
    }
    
    ul.sidebar_list li#linkcat-1 li a:hover,ul.sidebar_list li#linkcat-2 li a:hover,ul.sidebar_list li#linkcat-3 li a:hover,ul.sidebar_list li#linkcat-4 li a:hover,ul.sidebar_list li#linkcat-5 li a:hover,ul.sidebar_list li#linkcat-6 li a:hover,ul.sidebar_list li#linkcat-7 li a:hover,ul.sidebar_list li#linkcat-8 li a:hover,ul.sidebar_list li#linkcat-9 li a:hover {
    text-decoration:underline;
    }

    Just replace everything with this.

    Let me know if you still have a problem

    #307625

    beemeister
    Member

    I see, you don’t have the container problem in Safari. Weird. Check your site in Opera though. The nav is all off. Do you have Opera?

    #307626

    devblog
    Member

    Oh, I’m just using it so that you can see that is working for me.

    #307627

    beemeister
    Member

    Ok, will do.

The topic ‘Cutline CSS Customization’ is closed to new replies.