eDruid

Thanks for the response everyone! Had some time today to sit down and try this out again.
_____________________________________________________
wp-21, Your idea about:

before the class,then you would be able to change the width without changing rest of the elements on your site where the above class is being used.So you will do this,

#header_container .three, .row .three {
width: 25%;
}
and increase the width to whatever you like.

It worked but it messed up the position of the 4 blocks at the bottom making them go from their orignal 4×1 too 2×2 grid.
____________________________________________________

manish_gori, your idea worked perfectly and i was able to find the lines to edit with no trouble. Now that the logo is larger and nothing gets moved around its exactly what I wanted.

Though now I find a new problem that I am not sure what the image size is to fit in the spot. I tried making a vector image both in 220x75px (recommended) and in 400x100px but im guessing because of the width being in % its getting stretched and blurred. I also like to mention I’ve tried JPGS and PNG, both blur.

My Web Site

What is the image size I should be uploading for the header if these are my settings so it wont blur?:

h1 {
font-size:2.5em;
color: black;
}

.flex-caption {
background: rgba(0,0,0,1); /* Change the “3” to a higher number to make it darker*/
}

#slider_container p{
text-align: justify;
}

#header_container {
padding-bottom: 15px;
height: 125px;
}

#menu_container {
width: 650px;
}

#logo img {
width: 400px;
height: 100px;
}

AND ALSO, The change I did to the “header.php” was:

<div class=”four columns”>

<div class=”eight columns” id=”menu_container” >

_______________________________________________________________

Thanks so much with your help everyone. I hope this thread is benefiting others as much as it is me.

Thank You

whoops didnt think of that, Thank you.