• Closed
  • Tom Waterfall
    Spectator
    November 9, 2017 at 2:58 pm #35169

    Hi there,

    I’m having a bit of trouble formatting the content boxes on the homepage using the Evolve theme. I’m working from a local host (so have attached screenshots).

    What I want to achieve is to remove the excessive padding in the container between the button and the image. In the below screenshot, the far left is what it is currently like, and the second in from the left is what I was hoping to achieve (or as close to as possible).

    Does anyone know if this can be done through editing the CSS?

    Thank you,

    Tom

    http://prntscr.com/h895t8

    vaibhav
    Spectator
    Posts: 287
    November 10, 2017 at 6:50 am #35172

    Hi,

    you have to remove Content Box Title and description and set padding 0 in Content Boxes Padding area.
    Theme Options -> Frontpage Content Boxes -> General -> Content Boxes Padding.

    For creating your custom css, we need to live site url.

    Thank you

    Tom Waterfall
    Spectator
    Posts: 5
    November 10, 2017 at 10:14 am #35174

    Hi Valibhav, thanks for your response.

    By chance I had already made your suggested changes with regards to the padding and removing the title and descriptions, but it still looks the same. I’d really appreciate you taking a look at the CSS but at the moment I am working from a local install and will be for the foreseeable future until the middle of next month. Would it be possible for you to let me know what CSS you need to look at and I can take a snip and paste it for you in here?

    Many thanks

    vaibhav
    Spectator
    Posts: 287
    November 11, 2017 at 6:38 am #35181

    Hi,

    Sorry but it’s can difficult without live site url Even then you send a screenshot of using a inspect element ( press F12 ) to inspect your problem element.

    Thank you

    Tom Waterfall
    Spectator
    Posts: 5
    November 13, 2017 at 12:38 pm #35193

    Hi again,

    I’ve copied the code (just for content box 1) into a Pastebin, would you be able to take a look?

    https://pastebin.com/4D6u6nDM

    Thanks!

    tom

    vaibhav
    Spectator
    Posts: 287
    November 14, 2017 at 9:50 am #35200

    Hi,

    Remove h2 tag in your code and apply below custom css
    .home-content-boxes .cntbox_btn {
    position: relative;
    top: 0;
    height: auto;
    }

    Thank you

    Tom Waterfall
    Spectator
    Posts: 5
    November 14, 2017 at 1:58 pm #35208

    Hi again,

    Unfortunately that still didn’t work 🙁

    It moved them to the bottom of the grey box as per the screenshot here http://prntscr.com/hab9cl

    vaibhav
    Spectator
    Posts: 287
    November 15, 2017 at 6:16 am #35217

    Hi,

    Put this custom css in additional css area of customizer after that it does not work give !important of the attribute value.

    Thank you