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

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

Home Forums Support Site title alignment and another image on the right side of the site title

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #226060
    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.

    #226062
    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?

    #226063
    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" />

    #226097
    Tom
    Lead Developer
    Lead Developer

    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;"... />

    #226102
    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.

    #226178
    Tom
    Lead Developer
    Lead Developer
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.