Charity Theme

[Ryan Walker]

Hello,

I’m using the Charity theme for our non-profit organization. I had a few questions.

1. How do I control the widgets on the ‘Default Page’ templates? On the Default Pages, there is a contact form and testimonials. How do I change these? I did not see options in the Widget menu.

2. Can I use a different header image for each page or does it have to be the same? Can I remove the header image on some pages?

3. How do I increase the size of my logo without increasing the size of the menu? I want the logo to fill the opaque menu area.

4. On the 4 panels under the slider on the home page, can I make them say different things? The first box says ‘Donate Now’, the second box says ‘Buy Now’, the third one says ‘Volunteer Now’, and so forth.

5. Since we are a pro-LGBT non-profit organization, it would be cool if the social media icons in the footer could turn red, orange, yellow, green, blue, purple on hover. Is this possible?

Feel free to speak geeky (code) to me and you don’t have to go too in-depth if that’s out of the scope of your support. Maybe, just a few pointers to get me in the right direction would be greatly appreciated.

Thank you so much for your continued support.

Warmest Regards,
Ryan Walker

[Sonl Sinha]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Dave

[Ryan Walker]

staging.prideoc.com

[Sonl Sinha]

Hi,

1. Kindly go to Appearance » Widgets » Sidebar Main, drag drop any widget to replace Contact Form and Testimonials.

2. Kindly set featured image on any page and it will appear in place of header image. To remove header image on some pages kindly follow below instructions:

– Edit the page you want to hide header image on.
– Look at the URL in your browser’s address bar and find the section that looks like this: post=[ID-NUMBER].
– That number will compose your class, that should look like this: .page-id-[ID-NUMBER].
– After getting the page id kindly go to Appearance » Theme Options » Basic Settings » Custom CSS, paste below code there and replace 222 with actual page id.

.page-id-222 .header-wrapper{position: static;}
.page-id-222 .innerbanner{display: none;}

You can copy/paste above code and replace the page id with another page id you want to hide header image on.

3. Answer

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.header-right { margin-top:15px;}
.header .header-inner .logo { margin:0; width:32% !important;}
.logo img { height: 100px !important; width: 100%;}

4. Unfortunately it is not possible with current theme structure and it requires some additional coding.

5. Kindly go to Appearance » Theme Options » Basic Settings » Custom CSS and paste below code there:

.social-icons a:nth-child(1):hover {
    color: red;
}
.social-icons a:nth-child(2):hover {
    color: orange;
}
.social-icons a:nth-child(3):hover {
    color: yellow;
}
.social-icons a:nth-child(4):hover {
    color: green;
}
.social-icons a:nth-child(5):hover {
    color: blue;
}
.social-icons a:nth-child(6):hover {
    color: purple ;
}

Regards,
Dave

[Ryan Walker]

Truly Dave,

Thank you so much. Your support is tremendous as always (:

Warmest Regards,
Ryan

[Sonl Sinha]

Hi Ryan,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/11/

Regards,
Dave

[Ryan Walker]

Hello,

I just had a few more questions! I will absolutely leave you a testimonial (:

1. How do I change the color of the header ON MOBILE VIEW to white? Right now, it appears grey (behind the logo) on mobile. I couldn’t find the CSS code when ‘Inspecting Page,’ sorry 🙁

2. On mobile view, the menu is large and covers much of the website. I would like the menu to appear from the side on mobile view, like your SKT Strong theme. Please, see how the menu appears on mobile with the other website I made with your amazing themes: https://www.ocfitfarm.com

3. How do you hide the very top header that contains phone number, address, donate & volunteer. We are not that large yet to accommodate phone calls and location visits, yet (:

Thank you for your continued support.

Warmest Regards,
Ryan Walker

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

Regards,
Dave

[Ryan Walker]

Hello,

Sure.

Issue 1: How to change grey header to WHITE please
https://imgur.com/a/159yM

Issue 2: I want to change menu from PRIDEOC Menu to OC FIT FARM menu
Do NOT want this menu: https://imgur.com/a/ZJcLU
Do WANT this menu: https://imgur.com/a/TQ8xA

Issue 3: How do I no show/hide the white header?
https://imgur.com/a/TZvKu

Thank you for your help!

Warmest Regards,
Ryan

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:980px) {
.header .header-inner .nav {background-color: #383939 !important;}
.header .header-inner .nav ul li {border-top: 1px #535454 solid !important;}
.header .header-inner .nav ul li ul li a { font-size:12px !important; padding-left: 60px !important;}
.header .header-inner .nav ul li ul li a::before { display:none;}
.header .header-inner .nav ul li a { padding:8px 30px !important;}
.header .header-inner .nav ul {font-size: 16px !important;}
.toggle a {background-color: #ff8800 !important;}
}

@media screen and (max-width:1023px) {
.header { background-color:#fff !important;}
.signin_wrap { display: none;}
}

Regards,
Dave

[Author]

Posts