Topic Resolution: Resolved
  • Closed
  • Anton Joubert
    Spectator
    August 22, 2016 at 10:11 am #29911

    Can someone please help me with .css code to pad a content box content for the CONTENT BOX Shortcode

    I have added the shortcode but the content is on the edge of the box –

    I also would like to change the colour of the font.

    Thank you I will be so happy – I have tried so hard without any success.

    Kind regards

    Denzel Chia
    Moderator
    Posts: 2656
    August 22, 2016 at 11:18 am #29915

    Hi,

    Please provide URL to your content box shortcode.
    Need to see your website source code in order to provide a solution.

    Thank you.

    Anton Joubert
    Spectator
    Posts: 3
    August 22, 2016 at 11:47 am #29917
    This reply has been marked as private.
    Daniel Jones
    Spectator
    Posts: 148
    August 22, 2016 at 3:15 pm #29919

    Hi Anton,

    Thank you for keeping in touch.

    We can apply the following CSS codes to add padding for the content box. Kindly add the CSS code in your Custom CSS section Theme options> Custom CSS.

    /* Padding for the headings */
    .page-id-397 .t4p-content-boxes .heading .content-box-heading {
    padding-left: 20px;
    color: aqua;
    }

    /*Padding for the content*/
    .page-id-397 .t4p-content-boxes .col .content-container {
    padding-left: 20px;
    color: aqua;
    }

    Kindly change aqua to your desired font color.

    Let me know if this helps.

    Daniel Jones
    Spectator
    Posts: 148
    August 22, 2016 at 3:17 pm #29920

    Also, please note that I have added the page id to affect only that page.

    Regards,

    Anton Joubert
    Spectator
    Posts: 3
    August 22, 2016 at 4:34 pm #29921

    Thank you very much.

    What do I do if I want it to apply to all the pages I have inserted the content box short code?

    Kind regards
    Anton

    Daniel Jones
    Spectator
    Posts: 148
    August 22, 2016 at 4:44 pm #29922

    Hi Anton,

    To have the CSS code affect all the pages. You can just remove the page-id part in the CSS code. Here is a quick example:

    /* Padding for the headings */
    .t4p-content-boxes .heading .content-box-heading {
    padding-left: 20px;
    color: aqua;
    }

    Please let me know if that helps. 🙂

    Anton Joubert
    Spectator
    Posts: 3
    August 22, 2016 at 4:47 pm #29923

    Thank you !

    You are a STAR !

    Daniel Jones
    Spectator
    Posts: 148
    August 22, 2016 at 4:54 pm #29924

    Glad to be of help Anton. 🙂

    Please do let us know if need further assistance.

    Happy to help.