Add logo to my Title in Asteria Lite

This actually isn’t in the sub-forum for that theme (kinda hard to find I know), but let’s go ahead and see if we can do what you are asking. I need a link to be able to look at your site though.

Thank you for taking a look.

Rachel

but wait….I’m trying one more thing…

Okay, so where do you want that logo and is it the image that’s currently in the background of the page? Looks like it’s also on the slider?

No no, NOT in the slide.
You see the Tagline, where now it says ”Expat to Inpat’
that’s why I wrote that I can only put a title there and NO image.
Do you see what I mean?
So, is it possible to put a logo there, I have a .jpg format that I uploaded in my media.

The other person said to change the header.php but I guess I am doing it wrong or wrong place or it’s not possible…..?

Yeah, I thought that’s probably where you wanted it – how big is the logo image – can you post the link to it in your media library?

There are two ways to do it – one involves modifying the header.php file – but if you do that, your changes will be lost when the theme is updated. So in that case, you would want to make a child theme first.

The other method is to put the logo as a background image – which can be done in your custom CSS.

Hi WPyogi,

Oh no….it sounds complicated and not possible once again.

1/ I had added it in the media library as I mentioned. So it is there.
2/ I have no idea how to creat a child theme and rather not complicate things
3/ as background seems very impossible as it is a logo, meaning letters mostly, so in a background it will not be visible
4/ In case you tell me exactly how to change the header, and we change it.
Then, you say an update could erase this….but after an update, can I change it again maybe? If you tell me how

Please tell me your thoughts
Thanks

1. how big is the logo image?

2. A child theme isn’t hard to create but it will mean redoing some theme settings. You will have to use FTP or other file manager to access the site files on the server – but those are skills that you will very likely need sooner or later – and are not difficult to learn. See:

https://codex.www.ads-software.com/Child_Themes

It’s really not a good idea to modify theme files without a child theme.

3. Since I don’t know what it looks like, no way to say, but from the front side of a website, a background image generally looks no different from a regular image.

Can you post a link to the image for the logo – or just put it in a page and post a link to the page so I can see what it looks like?

Hi,
You are being kind…but please understand I’m trying to hard to already put up and learn all that I did and that you can see I made.
But you are really scaring me when you say that things could get lost or I have to create a child theme….
It just ALL is complicated for someone like me with NO technical knowledge at all.
All that you see is what I thaught myself.
If I need a child theme and you say I will need to change more things…or things will get lost…oh dear no…:(

Here’s the logo so you see I really want it exactly at the spot of the tagline ”expat to inpat” instead of that 3 words, I want the logo.
It is ALL that I want….
I feel so awfull that this is hard to do, where as finally I have received this awsome logo that was created for me.

Especially if you know I don’t want to invest in a professional for my website, I just want to finish it, you know?

https://expattoinpat.com/wp-content/uploads/2014/12/logo.jpg

I totally understand – I started in the same place as you (most people did) and you’ll learn by doing. It’s totally fine to be worried about it – that’s why people help out on these forums. But you CAN do this, just take it one step at a time :)!

So let’s see if we can make this work the easier way – may need to add some additional CSS so it looks okay when on smaller devices, but this should get you started. Try adding this CSS to your custom CSS – at the bottom of that file:

.logo {
    background-image: url("https://expattoinpat.com/wp-content/uploads/2014/12/logo.jpg");
    float: left;
    height: 144px;
    margin-left: -30px;
    width: 567px;
}
.header4 .logo h2, .header4 .logo h1 {
    display: none;
}

Hello WPyogi (wish I could give you a real name…)

Thanks for taking it step by step…but before I do this, I need to make sure

I know where to find custom CSS, but have it EMPTY there, as I haven’t put anything in it.
So, can I just paste that in there?

I thought it would be in the Apearance >> Editor>> header? NO?
But I notice the word: background.
This means it will not be in the title at all and hardly visible I”m afraid.
But I will try and put this where you tell me to.

This is what I found in the appearance>>header>> ( maybe it is there that I need to change?
<?php global $asteria;?>
<!DOCTYPE html>
<html xmlns=”https://www.w3.org/1999/xhtml&#8221; <?php language_attributes(); ?>>
<head>
<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=UTF-8″ />
<title><?php wp_title( ‘|’, true, ‘right’ ); ?></title>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1″>
<?php get_template_part(‘style’);?>
<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<!–Header–>
<div class=”fixed_site”>
<!–Maintenance Mode Message–>
<?php if((!empty($asteria[‘offline_id’]))){ ?>
<div class=”lgn_info”><?php _e(‘The Website is running in Maintenance Mode.’, ‘asteria’); ?></div>
<?php } ?>

<!–Get Header Type–>
<?php get_template_part(‘head4’); ?>
</div>

thanks

No you don’t need to do anything in header.php – if you are modifying theme files that way, you’re going to lose all those changes when you update the theme.

Custom CSS is in your theme options – but I already see a whole lot of custom CSS on your site – where is that from?

So yes, put the code I posted above in the theme custom CSS.

BTW, it’s Jennifer :).

Hello again Jennifer and thank you.
Check it out, it’s there…but I now see the colors don’t match, but that the logo that needs changes.
https://www.expattoinpat.com

I guess it’s a compliment that you ”think” there are CSS things, because all it has is your codes.
All the rest in the website is my own, page by page, work with codes….
and trust me, I am very frustrated because sometimes the letters suddenly change out of the blue…
and that’s because I am learning myself how to do it and somewhere I must enter wrong things, whereby things change in every page whenever I change one thing…
so…have lots more to learn….and already spent all my free hours in this…and days…(sweating :))

but when I come here, I hope you will be here to help again….

Thanks so much!!!

Hello again,
Slight issue….and hoping you are still around for help.
You see that the logo is on the left and the rest is darkgrey.

How can I either have the grey part on the right side in WHITE? Without moving the logo.
or
How can I place the tabs (HOme, contact …) at the right side of the logo, in the grey area (and not below it)?

I know it ‘s a matter of coding…not sure which

Thanks