I have two questions for you :) -Thanks in advance for replying and helping

First question:

IS there any way to change the Header Picture on each of my pages??? And even the Category page??
I was trying to google around and find solutions but the ones I could find didn’t work for me, I also didn’t know how to find my page id.

http://www.optimizeourlives.com/about/
http://www.optimizeourlives.com/myjourney/
http://www.optimizeourlives.com/podcast/
http://www.optimizeourlives.com/category/optimize-your-life/

I would like all of these to have different Images on the header. :confused: lol

  1. IS there any way to increase the size of my font in a description to that of the header title size??
    for example on my Category page: http://www.optimizeourlives.com/category/optimize-your-life/

I would like to try and get the Optimize Your Life to the same size of font as the My Journey on this page:
http://www.optimizeourlives.com/myjourney/

Is there any way to do that???

Thanks & Happy Easter

-Ethan

I also have one more question hahaha… Thank you kindly and sorry for bugging you guys… You guys do an amazing job though I must say.

  1. How do I change the main colour of the button on my contact page from the yellow to this colour: #20b1f9

I would like to keep the hover background the same which is black

http://www.optimizeourlives.com/contact-us/

Thank you so much :slight_smile:

Hey there,
Hope you’re doing well today

Most, if not, all of your questions can be answered with CSS. In order to be able to assist you, I’ll need some access to your site (I’m getting a maintenance mode page) so that I can test the necessary CSS.

I look forward to your reply :slight_smile:

Best Regards,
Support

I just took it off :slight_smile:

Thank you :slight_smile:

Hi there,

Thanks for your reply.

Here are the CSS codes you may use to change the Featured Images as needed on the following pages.

You will be required to change the URL in the curly brackets () in the codes below with the URL of the respective images you would like to use for each page. I have created a comment above each code that represents the page the change in regards to the featured image it will be applied to.

Please navigate to Appearance > Customize > Additional CSS to paste the Custom CSS Code provided.

/*Changes Featured Image On About Us Page*/
body.page-id-178 header#header{
  background-image: url(http://webneel.com/wallpaper/sites/default/files/images/01-2014/4-flower-wallpaper.preview.jpg) !important;
}

/*Changes Featured Image On My Journey Page*/
.blog header#header{
  background-image: url(http://webneel.com/wallpaper/sites/default/files/images/01-2014/4-flower-wallpaper.preview.jpg) !important;
}

/*Changes Featured Image On Podcast Page*/
body.page-id-192 header#header{
  background-image: url(http://webneel.com/wallpaper/sites/default/files/images/01-2014/4-flower-wallpaper.preview.jpg) !important;
}

/*Changes Featured Image On Optimize Your Life Page*/
.category-optimize-your-life header#header{
  background-image: url(http://webneel.com/wallpaper/sites/default/files/images/01-2014/4-flower-wallpaper.preview.jpg) !important;
} 

To change the font size on the Optimize your life page, please use the following Custom CSS Code.

/*Formats 'Optimize Your Life' Text Style TO match Other Pages*/
.category-optimize-your-life #header > div.bottom-header.blog > div > div > div.col-sm-8.col-sm-offset-2 > p:nth-child(2){
  font-family: Poppins;
  font-size: 65px;
  font-weight: bold;
  line-height: 70px;
}

Please let me know if there are any more questions that I can answer for you.

Best,
Support

Have a couple more questions for you hahah :slight_smile:

I also have one more question hahaha…. Thank you kindly and sorry for bugging you guys… You guys do an amazing job though I must say.

  1. How do I change the main colour of the button on my contact page from the yellow to this colour: #20b1f9

I would like to keep the hover background the same which is black

http://www.optimizeourlives.com/contact-us/

  1. Also the ‘hover’ doesn’t seem to be working on my website anymore. On the home page the menu used to hover from a white colour to a black colour. IS that just a glitch??? Is there any way to change to colour of the font on the menu as well??

Thank you kindly… lol

-Ethan

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the button color and fix the hover effect by going to Appearance > Customize > Additional CSS and pasting it there.


/*Button color*/
#comments #respond .comment-form #input-submit, input[type=submit] {
    background-color: #20b1f9;
}

/*Hover effect*/
#header .top-header .header-navigation ul li:hover a {
    color: #000;
}

Best Regards,
Support

Hey There :slight_smile: Thank you for all the help :slight_smile:

I still have one problem:

The Hover text for my main menu didn’t seem to work properly, I think it was because I messed with the title a little bit and I’m sure I mixed up the coding?? Maybe lol. I would like to hover it to a blueish colour (#20b1f9) And I tried to enter the colour code in there and nothing happened.

I appreciate all the amazing work you do and the good vibes you give :slight_smile:

Thanks

Hello there,

Thanks for keeping in touch.

You can use the following CSS code to add a hover color for the menu by going to Appearance > Customize > Additional CSS and pasting it there.


/*Menu hover color*/
#header .top-header .header-navigation ul li a:hover {
    color: #20b1f9;
}


Best Regards,
Support

Hello,

Thanks for the above CSS Code

I tried to put it into my Additional CSS and then loaded the site and it didn’t seem to take effect. I have tried multiple times and even deleted my cookies as well as cached Images and Files.

And now that I realize my hover doesn’t seem to be working on any of my items besides my buttons on the main page and contact us page.

On the main page under what’s new and exciting the words “read more” used to highlighted as well. The over just doesn’t seem to be working.

Could you help?? Maybe I’m not doing it right?