Donate button color, H1 kerning and grid pages

  • vickinyegraphicdesign · Member ·

    Hello, We are using the Maisha theme for our site brightviewfoundation.org and are stuck on a few items:

    1. We would like the DONATE button in the upper right to be yellow on hover (vs. orange). What would the CSS be for that?

    2. On the Funding Page (https://brightviewfoundation.org/areas-of-funding/), we would like to remove the Like This, Like Button and Be the first to like this on each grid. It’s off on the pages, but still showing here.

    2a. Same page, we would like to convert this to 3 grid wide vs. 4 if possible.

    3. Is there a way to fix the kerning of the H1’s? Right now the letters are spread too far apart.

    4. Lastly, is there a way to make the black box on the home page (and the text inside) wider on the page? (a larger div?)

    Kind Regards,

    Vicki

    The blog I need help with is: (visible only to logged in users)

  • fstat · Staff ·

    Hi Vicki,

    Here’s the CSS code you need for all the modifications you asked about:

    /* Change hover colour of donate button */
    .navigation-main li.color a:hover {
    background: yellow;
    color: white;
    }

    /* Remove like buttons on fundings page */
    body.page-id-84 .jetpack-likes-widget-wrapper {
    display: none;
    }

    /* Show three columns on fundings page */

    @media     screen and (min-width: 59.6875em) {
    .page-template-grid-page .fourcolumn {
    width: 31%;
    }
    }

    /*Increase box width*/
    body.home .content-caption {
    max-width:60%;
    }

    /*Decrease h1 spacing*/
    h1{
    word-spacing:-0.2em;
    }

    and here’s how to add it:

    https://en.support.wordpress.com/custom-design/editing-css/

    Let me know if there’s anything else I can do for you. I’m happy to help.

    Best,

  • vickinyegraphicdesign · Member ·

    Thank you very much for this.

    I do another question I’m hoping you can assist with.

    On the Statistics page (https://brightviewfoundation.org/statistics/), the counter plug in (Everest Counter), is not responsive. Is it getting stuck in the themes div? On the laptop it cuts off the image on the right. One mobile is doesn’t show up at all and on the tablet the image is tiny within the border.

    Hoping you can help.

    Thank you so much. We love your theme. Our client is thrilled and excited to get this out there.

    Regards,
    Vicki

  • staff-zinnia · Staff ·

    Hi Vicki –

    Could you grab screen shots of what you are seeing? Then I can compare those to my own findings.

    If the issue is with the plugin itself, you’ll need to reach out to their specific support team. We aren’t able to support plugins that aren’t our own.

    One other thought: have you tried to use different browsers on these devices? disable all extensions or add-ons?

  • staff-zinnia · Staff ·

    If you would rather use live chat support that option is available and part of your business plan upgrade.

    It will be the fastest way to reach us.

    Start at https://wordpress.com/help/contact/

  • The topic ‘Donate button color, H1 kerning and grid pages’ is closed to new replies.