Button, hover color, footer, different BG image, title color, service

Hi,

I have some questions and couldn’t figure out nor find solutions in the forum.

Here’s my site,
http://vizitstudio.com/

  1. How to invert button effect?
    The button in the slider header(home page) has black background now but I want it to be black background when hovered so by default it is transparent. Also, I want to make it all the same to other buttons in other pages.

  2. How to change the primary menu hover color to white?
    When I hover one of those menu now it turns to black.

  3. How to make the footer stick to the bottom of page?
    The footer stays at the middle of pages now. I added a row to keep it down somehow but that is not ideal way to do it.

  4. Is there any way to set each of different pages has a different background image except the home page?
    All pages except the home page have the same background image now but I want each to have a different background image.

  5. How to change all titles and icons color of those Service?
    I want to change those to the same color of the font color.

  6. How to evenly distribute 2 services over the About Us page?
    Those 2 services are pushed to the left now but I want to keep it at the center with even spacing on both sides and between those 2 services. The Sydney FP:Service type B distributes nicely but I prefer the Sydney FP:Service type A layout.

Please let me know when you get a chance, thanks.

Never mind on question#2, 3, and 6. Those have been resolved. I’d like to get solutions especially for question #4.

Hi,

You can set custom background image for every page, you just have to use this Custom CSS:

.page-id-19.custom-background {
    background-image: url('http://vizitstudio.com/wp-content/uploads/2016/02/moss1.jpg');
}

Replace the “.page-id-19” with the id of your every page, Media = .page-id-19, About Us = .page-id-25, Contact = .page-id-27.

Add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,
Csaba

Thank you for your reply, Csaba. However, I tried these ones and they didn’t work,

media.custom-background {
background-image: url(‘http://vizitstudio.com/wp-content/uploads/2016/02/cottage_dof1.jpg’);
}

Media.custom-background {
background-image: url(‘http://vizitstudio.com/wp-content/uploads/2016/02/cottage_dof1.jpg’);
}

.page-id-media.custom-background {
background-image: url(‘http://vizitstudio.com/wp-content/uploads/2016/02/moss1.jpg’);
}

Please let me know if I’m doing wrong.

Why does my Social Media Buttons looks not good in the footer? http://www.studioambacht.nl/

Oops page not find??Here is the url again http://www.studioambacht.nl/

I finally got it worked, just had a lack of knowledge about the page ID. The code works nicely. Thank you, Csaba.

Hi Thessa,

Please post a new topic, so we can help you there.

Best Regards,
Csaba

Hi Surfer,

Great! You’re most welcome! If you need help with anything else, please, feel free to open a new topic.

Have a nice day!

Best Regards,
Csaba