How to: Place the blog title/tag line/search box over the logo

juggledad · #1 Dec 14, 2012, 05:30 AM

If you want your blog title/tag line to sit over yout logo image you can do this quite easily with a little CSS. At ATO->Style & edit HEADER AREA

1) make sure you are using %logo in the 'Configure Header Area' option
2) set the 'Show Blog Title?' option to 'Yes'
3) add to the 'Blog Title' option

HTML Code:

position: relative; 
top:0px; 
right: 200px;

For the Tag
4) set the 'Show Blog Tagline?' option to 'yes'
5) add to the 'Blog Tagline' option

HTML Code:

position: relative; 
top:0px; 
right: 200px;

For the Search Box
6) set the 'Show search box?' option to 'yes'
7) add to the 'Search Box' option

HTML Code:

position: relative; 
top:0px; 
right: 200px;

you will need to adjust the top and right values to suit your needs.