Contact width issue

  • Posted in : Empathy
  • zainahmed29
    Participant

    As i mentioned in previous topic. My email address is not fitting in the contact column provided in the sample data. which makes it appear below the button. I wanted to know how to increase the width of this entire row so that all the 4 Column can have increase in width. I have tried following solutions but nothing worked for me till now.

    1) Changed the page attributes to “full width page”.

    2) Decreased the size of font which causes it to align with the top of icon on left (i don’t want that)

    3) individually increase the size [column width="4" width_xs="6"]. This make the last icon to move on to second row

    serkan
    Moderator

    Hi, You can add this css codes;

    .col-sm-3 .fun-fact i { margin-left: -11px; }
    @media screen and (min-width: 1200px) { .fun-fact h4 { font-size: 11px; } }

    Thanks

    zainahmed29
    Participant

    Thanks this fixed it!

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

    josh bamber
    Participant

    Would anybody be able to tell me how to add this css code to make the email fit. I have managed to do the whole site without coding knowledge and this is the last tiny thing!

    Thanks

    Josh

    serkan
    Moderator

    Hi Josh,
    You can check out this related topic for how to use custom css code.
    https://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/
    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register