Logo to the left - search field out 7.1.4

Hello,

I want to move the logo to the left and delete the search box

located on the left side. I already delete it from phpadmin, then

try to hide it on the general.css. But the logo hasn't move

and the search box is still there.

How can I go about this. Please explain in details ty.

Are you using a custom template?

 @geek_girl

I'm using the default template - licensed

The homepage is ok now, the logo is moved to the

right. But when you click the other webpage, it's still

the same.

Can you help me fix it please. ty

use an element inspector. This will allow you to make css changes and see what will happen without actually changing any code, then - once you have found the appropriate code to change your next step would be to find it in the css files. The newest versions of Firefox, Chrome, Safari, and Opera come with built in element inspectors. RIght click on your page in the area you want to change, then click Inspect Element.

But beyond all that. look for following and add what is in blue (I dont know which css pages these would be on, but this should be the proper coding):

div.sys_main_logo .mainLogoText {
    line-height: 40px;
    color: rgb(255, 255, 255);
    font-size: 36px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 2px;
    text-shadow: 0px 1px 0px rgb(221, 221, 221), 0px 2px 0px rgb(170, 170, 170), 0px 1px 3px rgba(0, 17, 53, 0.9);
    float: left;
}

div#sys_search {
    position: absolute;
    top: 7px;
    left: 0px;
    background-color: rgb(255, 255, 255);
    display: none;
}

Try this:

In general.css find:

div.sys_ml_wrapper around line 157

Change the text-align:center to text-align:left.

You don't want to float it.

@GG, not to sound argumentative, but why not float it. I ask because there is still a lot I have yet to learn. I have mine Float left and no issues, but if this is incorrect, would like to know why so I can be better educated for next time :)

Sometimes floats can do things we don't want them to do; just make sure you clear the float to avoid it floating things you don't want floated.  You may have noticed the Dolphin clearing divisions; not exactly valid HTML since markup is not suppose to control layout but still one method that works across browsers for clearing of floats.  If you look, we are approaching it from two different areas; you used div.sys_main_logo .mainLogoText and I used div.sys_ml_wrapper.  There are always more than one way to approach things. div.sys_ml_wrapper does contain the alignment for the text but that is applied to a logo as well.  In my opinion, that is the class that is suppose to control the alignment of the site name/logo and is what I use for that.

The thing is, if it works like we want it to work then we are good. :-).

thank you for your answer GG - as always, you put a new perspective to things in an easily understandable manner. For me, I use the element inspector and once i get the desired outcome I copy to my template and everything works great. And their are times when it looks like everything is looking great, but when trying to do something else, it is all out of whack. Just wanted to make sure what  I was doing was in fact the proper way. And as you pointed out the differences between our two code samples, I am going to change what I have to what you have suggested. Thanks for your explanation.

You can try and see how it works.  Easy enough to undo.  I don't overwrite files; I always rename and then upload my change.  That way all I have to do is to delete the new upload, then rename the backup to the original and I am back where I started in short order.

 @professorsr

I also did this it's still saved on the file

 I also did this one and still saved on the file

In general.css find:

div.sys_ml_wrapper around line 157

Change the text-align:center to text-align:left.

Clear your browser cache to see new changes and force a reload of the page.

 @geek_girl

I always delete the cache every time I upload

the edited file. I'm at my wits end.

What do you think is the real culprit. The homepage

did respond to the file edit that I did, but the webpages

did not. Thank you in advance.

I don't follow this.  You said you were using the standard template file.  That change is used site wide because the template is site wide.  PM me your site address and I will take a look.