[chukarnold]

I added the following Custom CSS and didn’t get quite the results I wanted.  I would like to place the Site Title and Tagline above the custom header. I feel that my custom css is probably faulty.

#site-details {
background: url(“http://arnoldgenealogy.com/blog/wp-content/uploads/2013/01/header_new.jpg”) no-repeat scroll 0 0 transparent;
height: 180px;
margin-left: 10px;
width: 900px;

I tried to lighten the color of the header text so it would show up better thru the transparent header image but for some reason that didn’t work.

#site-title span {
color: #FFFFFF;

What do you think?
http://arnoldgenealogy.com/blog/

[Sakin]

@chukarnold: yes your custom css in faulty. Just add the logo, site title and description, remove the custom css and let me know it. I will check your site and will send you CSS. You need to use position.

[chukarnold]

Thanks very much for your response. I won’t make any changes until I receive  the proper CSS from you.

Thanks again.

[Sakin]

@chukarnold: To give you proper css. You need to remove the css that you have added for header. And add the header logo and all to default.

[chukarnold]

Sorry –I misunderstood what it is that you wanted me to do.  I’ll go ahead and remove the CSS as you suggest.

[chukarnold]

I removed the offending css and the page looks better already after inserting the logo. I would like to reposition the two elements so that the site title and tagline are above the header image.

I really appreciate your help.

 

http://arnoldgenealogy.com/blog/

[Sakin]

@chukarnold: Just add the following CSS in “Custom CSS” box in your Theme Options panel.

#header .logo-wrap { position: relative; }
#site-details { position: absolute; top: 0; }
#site-logo { padding-top: 100px; }


[chukarnold]

#site-details { position: absolute; top: 0; }

this puts the site title way to the right of the logo.  The size of my graphic I think is part of the problem.  It pushes the Site Title so far to the right that it is partly off the page.   What I was trying to do was to move the Site Title above the graphic –right now it;s below it.  This is not a big problem.  I’ll live with it the way it is for the time being since the original problem has been solved.

I want you to know that your help has been greatly appreciated

[Sakin]

@chukarnold: Sorry There was missing css. Can you remove the old css I gave you and add the following css. Just copy the CSS code below and paste it in “Custom CSS” box in your Theme Options.

#header .logo-wrap { position: relative; }
#site-details { position: absolute; top: 0; left: 20px; }
#site-logo { padding-top: 100px; }


[chukarnold]

That did the job.  It is exactly what I was looking for.

Thanks for your help but thanks also for the CSS  education.

[Sakin]

@chukarnold: It’s great that it worked for you. If you like Simple Catch then don’t forget to support by giving review. http://wordpress.org/support/view/theme-reviews/simple-catch

[Sakin]

@chukarnold: It’s great that it worked for you. If you like Simple Catch then don’t forget to support by giving review. http://wordpress.org/support/view/theme-reviews/simple-catch

[Author]

Posts