Call to Action button placement

Home Forums WordPress Themes – Premium Encase Pro Call to Action button placement

This topic contains 9 replies, has 2 voices, and was last updated by  Bidur 2 weeks ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #60749

    Gary Pfeffer
    Participant

    Hi. When using the Encase Call To Action from Live Composer, the button is right under the text. There should be a little space between the button and the text. It doesn’t look quite right. Not enough white space. Particularly on a mobile phone or smaller device.

    Attachments:
    You must be logged in to view attached files.
    #60771

    Bidur
    Moderator

    Hello Gary,

    You can find the styling options within the live composer itself.
    However here is a quick fix for you. Please add the following css inside the additional css section of your customizer and let us know;

    #dslc-module-19535907cc7 #header-meta a.btn {
        margin: 20px 10px;
    }
    @media screen and (max-width: 998px){
        #dslc-module-19535907cc7 #header-meta {
            text-align: center;
        }
    }

    Thanks!
    Bidur

    #60794

    Gary Pfeffer
    Participant

    The css code worked. But, the styling tab and responsive tab disappear when I clock on the edit button for the Call To Action block.

    #60795

    Gary Pfeffer
    Participant

    It would be nice to have. I would like to format a few other issues as well like left margin.

    #60808

    Bidur
    Moderator

    Hello Gary,

    Please specify the issue with the margin you mentioned above.
    And also check if there is any conflicts/issue associated to the live composer you’re using.

    Thanks!

    #60838

    Gary Pfeffer
    Participant

    Here is the margin issue photo. not enough whitespace on the left edge.needs padding.

    By “checking for conflict issues with live composer”, are you saying i should turn off all other plugins and see if it still works?

    Attachments:
    You must be logged in to view attached files.
    #60962

    Bidur
    Moderator

    Hello Gary,

    No you don’t need to deactivate plugins. Can you send me your site url. All those spacing and margins may be override by live composer plugin you have used. So send us your site url so that we can send you code to override the issue you are having.

    Thanks!

    #61088

    Bidur
    Moderator

    Hello Gary,

    To add space to left add following css

    #post-481 #header-meta {
        padding-left: 20px;
        }

    And to add space above button add following css

    #post-481 #header-meta a.btn{
    	margin-top: 20px;
    }

    Change the 20px number according to your requirement.

    Thanks!

    • This reply was modified 2 weeks, 6 days ago by  Bidur.
    #61433

    Gary Pfeffer
    Participant
    #post-481 #header-meta {
        padding-left: 100px;
        }

    Hi. I just tested this code from a few replies above. It doesn’t have any effect. I was on a PAGE type testing it out. I thought I would test it out on a POST type. To my surprise, LIVE COMPOSER isn’t an option for POST types. That doesn’t seem right. Do I have a larger problem?

    #61447

    Bidur
    Moderator

    Hello Gary,

    Could you please relocate it on your website? It’s difficult to track it since you seem to make the changes with your pages quite often.
    Let us know.

    Thanks!

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

You must be logged in to reply to this topic.