potentweb

Explaing how to do that on here is not really possible. Would take way too long.

Your supposed to name it header-{yourname}.php
And it is <?php get_header(‘yourname’); ?> No .php hypen etc.

Look for:

.post p {
font-size: 14px;
font-family: Georgia, "Times New Roman", Arial, Sans-Serif;
margin-bottom: 20px;
line-height: 25px;
}

Are you asking if you can do that dynamically without keep adding else if?

Did you get my email?

Swap the float around.

It is caused by the background image on the wrapper.
Change:

#wrap {
position: relative;
width: 952px;
background: white url(images/wrap.gif) repeat-y center top;
margin: 40px auto 30px auto;
text-align: left;
}

to:

#wrap {
position: relative;
width: 952px;
background-color: white;
margin: 40px auto 30px auto;
text-align: left;
}

Change:

#sidebar {
float: right;
width: 285px;
padding: 0;
margin: 0 45px 0 0;
display: inline;
}

to:

#sidebar {
float: right;
width: 285px;
padding: 0;
margin: 0 45px 0 0;
display: none;
}

You can create a child theme or just update the CSS your choice.

Just remove the whole `$(this)
.css(‘background-color’,’#efefef’)
.find(‘.thumb’).hide()
.css(‘z-index’,’-1′);`

Your site url?

The effect is in this file:
https://beautifullyfitlife.com/wp-content/themes/sight/js/script.js?ver=3.4.1

Part:

function grid_update(){
            $('#loop').addClass('grid').removeClass('list');
            $('#loop').find('.thumb img').attr({'width': '190', 'height': '190'});
            $('#loop').find('.post')
                .mouseenter(function(){
                    $(this)
                        .css('background-color','#efefef')
                        .find('.thumb').hide()
                        .css('z-index','-1');
                })
                .mouseleave(function(){
                    $(this)
                        .css('background-color','#f5f5f5')
                        .find('.thumb').show()
                        .css('z-index','1');
                });
            $('#loop').find('.post').click(function(){
                location.href=$(this).find('h2 a').attr('href');
            });
            $.cookie('mode','grid');

Edit the mouse enter function.

Are you talking about the pinterest hover effect?

Also, for the sidebar, change:

#sidebar .custom-tagcloud a {
padding: 1px 7px;
color: black;
background-color: #DDD;
display: inline-block;
margin-bottom: 4px;
font-size: 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

to:

#sidebar .custom-tagcloud a {
padding: 1px 7px;
color: black;
background-color: white;
display: inline-block;
margin-bottom: 4px;
font-size: 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

Change:

.featured-text {
padding: 16px 10px 0;
}

to

.featured-text {
padding: 16px 10px 0;
color: "Your Color";
}

Hi Kim,

In your CSS, change this:

#header .top-bg {
background-position: center bottom;
height: 16px;
border-bottom: 4px solid #CCC;
}

to

#header .top-bg {
background-position: center bottom;
height: 16px;
border-bottom: 4px solid #CCC;
display: none;
}

That will only change the top without messing with the same image on the footer. I see your in Newport area, I’m in Irvine, so was surprised when I saw the picture of Triange Square. Anyways, your either going to have to create a child theme so future updates to your theme, NOT WordPress will override your changes, or if your not worried, you can just modify the regular CSS.

Brian