Charity Theme

Home Forums All Other Themes Charity Theme

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #86002
    Ryan Walker
    Member
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: July 10, 2017

    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

    #86087
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23483
    • Total: 23483
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #86091
    Ryan Walker
    Member
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: July 10, 2017

    staging.prideoc.com

    #86164
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23483
    • Total: 23483
    Member since: August 16, 2013

    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

    #86187
    Ryan Walker
    Member
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: July 10, 2017

    Truly Dave,

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

    Warmest Regards,
    Ryan

    #86275
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23483
    • Total: 23483
    Member since: August 16, 2013

    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

    #86385
    Ryan Walker
    Member
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: July 10, 2017

    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

    #86455
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23483
    • Total: 23483
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #86505
    Ryan Walker
    Member
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: July 10, 2017

    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

    #86528
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23483
    • Total: 23483
    Member since: August 16, 2013

    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

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.