[Troy]

Hello Sakin,

I have a couple questions for you regarding the build of my site: http://theendlesseditor.com.

1. I would like to add the following image as the background image in my header (http://theendlesseditor.com/wp-content/uploads/2014/04/typewriter11.jpg). Can you let me know the custom CSS to do this – as well as the dimensions the image should be? I realize it won’t fit the header space, but I would like to crop the image to account for dimensions.

2. I would also like to move the title and tagline to the right side of the header. Can you please also help me do this? (I already have custom CSS to center tagline under title).

Thanks much!
Troy

[Troy]

Hi Sakin,
Also, the search box reappeared in the header area (upper right) for whatever reason and I can’t seem to find how to remove that. Can you help with that as well, please? Thank you!

Best,
Troy

[Sakin]

Hi Troy,

1. I don’t recommend adding such as large and heavy image as the background of your header. I recommend you to add image size of maximum 300px height and 1600px width. The image you are trying to add is 5760px width and 3840px height. This is too big and will impact your site loading.
But if you still want to add in then then you can add the following css in “Appearance => Theme Options => Custom CSS” box.

#branding {
    background: url("http://theendlesseditor.com/wp-content/uploads/2014/04/typewriter11.jpg") no-repeat scroll center center transparent;
}

2. First you need to disable header right sidebar from “Appearance => Theme Options => Header Right Sidebar Options” and click on “Disable Header Right Sidebar” and save changes. Then to move the title and tagline to the right side of the header, you can add the following css in “Appearance => Theme Options => Custom CSS” box.
#branding .logo-wrap { float: right; }

[Troy]

Hello Sakin,

Again you have given perfect instruction on how to resolve the issue. Thanks for your great support! I did resize the image in Ps so the image is much smaller and seems to load efficiently.

Have a great day!
Troy

[thekathrynjoy]

Hello Sakin,

Like Troy, I would like to add an image as the background image in my header (cdn.wonderfulengineering.com/wp-content/uploads/2014/07/HD-landscape-Photographs.png). This is not the image I will be adding in the end–it’s a trial image.

Can you let me know the custom CSS to do this? I tried what you suggested to Troy but it did not work.

Perhaps I have to have Simple Catch Pro to do this?

Thanks,

Kathryn

[Sakin]

@thekathrynjoy: We only support theme developed by Catch Themes. You can add background in any theme but the css will be different.

[Author]

Posts