[Resolved] Site title alignment and another image on the right side of the site title

[Siong Boon Lim]

Hi Tom,

regarding this site http://www.pic-control.com/
Is there a way to align the site title “Custom Electronic Solution” slightly to the left?
I was searching for the layout but couldn’t locate a parameter which can adjust the spacing between the logo and the site title.

Also I would like to add another image on the right site of the site title, above the search bar.
After reading through the forum, I guess I should be placing the img code into the “After Header Content” on the GP Hooks.

Thank you for your help.

[Siong Boon Lim]

I found the place to edit. It is in the css edit section.

However my image on the right side cause misalignment to the whole header.
How do I make it in line with the logo?

[Siong Boon Lim]

I have left a blank image box in the website http://www.pic-control.com/.
Would appreciate if you can advise me how to align the right image with the logo.

I try the following code in the GP hooks to align the image because if I don’t do this, the site title will drop down (which is very near to the main menu).

<img src="http://www.pic-control.com/images/electronic-illustration.png" height="100px" width="100px" />

[Tom]

Not going to be easy to align all three elements, especially while remaining responsive.

You can remove the px units from the height and width attributes.

You can move the image up or down by using margin: <img style="margin-top:10px;"... />

[Siong Boon Lim]

Thank you.

I did some trial and error,
and the following codes looks align enough to be presentable,

<img src="http://www.pic-control.com/images/electronic-illustration.png" height="100px" width="100px" />

As long as the 3 element looks fairly aligned, it is good enough for me.
It was misaligned. Now it is ok.

Thank you very much.

[Tom]

No problem 🙂

[Author]

Posts