[Keelin]

Hi Mahesh,
I have a couple more questions for you. Things have evolved since last touching base.
1. On the mobile version, the logo lands right on the face of a person photographed, is there a way to justify it left so I can avoid that?
2. Right now as you scroll down the menu bar turns gray, I wonder if that can be transparent and maybe the logo goes away.
THanks ,
Keelin
site again: imaginedbalance.com

[Keelin]

Mahesh,
Thank you so much for your time and help. I so appreciate it.

1. THe logo now works, thanks, but you will see that it is not right in terms of size- I tried to change the dimensions in the code but that did not work, you can also see a duplicate of the white logo beneath it, so I wonder how I can fix that. It will make more sense when you look at the site. http://imaginedbalance.com

2. When I change the header color from the default, which is #000000, to another color, it creates a bar across the top of the whole site, is there a way I can maintain the transparent menu until I scroll down and then the scroll color is #b2b2b2 rather than the default black?

3. And regarding the child theme/CSS conversation, these small changes we are making to the CSS, are they child themes or will any them updates mess up the site as a result of these CSS changes? I do not know much about these things but just want to prevent the site from going down when updates come along.

THanks again,
Keelin

[Keelin]

I also figured out the footer image, not sure why that was such a challenge. So to make more sense of all of this thread, I am going to list the questions I still have here:
1. With the CSS, I added what you suggested for the logos-one on the landing pages (this one I would like to be this image: http://imaginedbalance.com/wp-content/uploads/2017/03/ImaginedBalanceWhite.png ) and one on the menu bar as you scroll down, (which I would like to be this image: http://imaginedbalance.com/wp-content/uploads/2017/03/Imagined-Balance.png ) This is what I added to my CSS, and it works with the scroll but there is no image on the landing page, hopefully that makes sense.

#site-logo a:before {
content: ” “;
background-image: url(“http://imaginedbalance.com/wp-content/uploads/2017/03/ImaginedBalanceWhite.png”);
display: block;
height: 150px;
width: 126px;
}

.header-background #site-logo a:before {
content: none;
}

.fixed-header #site-logo a img {
display: none;
}

.header-background #site-logo a img {
display: block;
}

You can see that I have hidden the logo and it comes up in color as you scroll down. But I would like this version of the logo on the page when you land on it and then the color one to come up on the scroll, here is the image link: http://imaginedbalance.com/wp-content/uploads/2017/03/ImaginedBalanceWhite.png
I wonder what I am doing wrong there.

2. When I look at the site on a mobile device (once the homepage logo is in place, right now it is not visible,) the logo lands over the homepage text, can I fix that?

3. When I bought the pro version, it said for life and then also had language for updates only being for a year. If I make changes in the CSS and then do an auto update to my WP theme, in a year is it going to be messed up because the CSS has changed or am I safe to make changes and then not worry about it?
Thanks Mahesh,
Keelin

[Keelin]

Hi Mahesh-I figured the hero slider question out, so you can disregard that one. But the others I could still use some help with. Thanks

[Keelin]

I also forgot to ask another question-when I bought the pro version, it said for life and then also had language for updates only being for a year. If I make changes in the CSS and then do an auto update to my WP theme, in a year is it going to be messed up because the CSS has changed or am I safe to make changes and then not worry about it?
Thanks

[Keelin]

Thank you, Mahesh,
I did the things you said, but I must be doing something wrong.
This is what I now have in my CSS:

#hero-section .entry-header {
display: none;
}

#site-logo a:before {
content: ” “;
background-image: url(“http://imaginedbalance.com/wp-content/uploads/2017/03/ImaginedBalanceWhite.png”);
display: block;
height: 150px;
width: 126px;
}

.header-background #site-logo a:before {
content: none;
}

.fixed-header #site-logo a img {
display: none;
}

.header-background #site-logo a img {
display: block;
}

You can see that the title from on the Hero slider is still there though.
Also you can see that I have hidden the logo and it comes up in color as you scroll down. But I would like this version of the logo on the page when you land on it and then the color one to come up on the scroll, here is the image link: http://imaginedbalance.com/wp-content/uploads/2017/03/ImaginedBalanceWhite.png
I wonder what I am doing wrong there.

On another note, I have looked all over and cannot find where I replace the footer image behind the widgets along the bottom of the page, I do not even see it in my media files. It is of a train tunnel. Can you advise me on that?

Thank you so much for your help and quick responses, so appreciate it.
Keelin

[Author]

Posts