Logo next to website name

Support
#1

How do I get a small graphic logo next to the website name in top right corner.

http://galatiafilms.com/newsite/

#2

Simple question and yet my question is being buried. Is anybody answering these questions? Just sincerely trying to get help. Yes I have search the archives. Many thanks!

#3

Hi There,

Please avoid bumping on your threads as it puts your question on the end of the queue again.

Go to X > Options > Header

Select an image as your logo.

After that you go to X > Options > CSS and add

a.x-brand.img:before {
	content: "GALATIA FILMS";
	font-size: .4em;
	vertical-align: middle;
	margin-right: 8px;
	float: left;
  margin-top: 20px;
}

Hope it helps

#4

Thank you I and my partner will try to implement this. I am very impressed with the attention to detail and the support here! Thanks

#5

You’re always welcome and let us know how this goes.

Cheers!

#6

Hi I don’t see the X Options Header area. When I click on X I do not get an option for “Options” am I missing something?

#7

Hello There,

Sorry for the confusion. Please go right here: X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

Hope this helps. Please let us know how it goes.

#8

Thanks my partner figured this out but now we are unsure how to get logo on left side and text larger on right, with word GALATIA bolded in original font. Thx!

#9

We want the logo uploaded to replace the default text. How do we go about this?

#10

Hi,

To remove the text, you can remove the css that was provided by my colleague.

a.x-brand.img:before {
    content: "GALATIA FILMS";
    font-size: .4em;
    vertical-align: middle;
    margin-right: 8px;
    float: left;
    margin-top: 20px;
}

Thanks

#11

Thanks for your response.

#12

You’re most welcome!

#13

Hi,

Thanks for great questions :smiley: Copied your answers to the logo question.

But how do I get the logo to the left and text att the right?

And page centered all of ?.

Thanks
Lotta

#14

Hi Lotta,

Please try this code:

.x-brand {
    width: 100%;
}

.x-brand img {
    float: right;
}

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.
And the float property here.

Hope this helps.

#15

Perfect! Thanks!

#16

You are welcome :slight_smile: