Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1088880
    kmatan
    Participant

    http://frewweb.commandcreative.net/

    Please see the attached image. I used the inspector to see if I could align the posts center within the block. Can you help? Whether I have 2 or 3, I’d like each of the post boxes to be centered

    #1089188
    Jade
    Moderator

    Hi there,

    You can add this under Custom > CSS in the Customizer.

    .home #x-section-2 .x-container .x-column:nth-child(2) {
        margin: 0 auto !important;
        float: none !important;
    }

    Hope this helps.

    #1089466
    kmatan
    Participant

    Hi,

    Thank you! Unfortunately that did not help. I’ve added it into the global CSS. It shows in the inspector but the alignment doesnt’ change

    Anything I could change in it? I can’t find the right class

    #1089500
    John Ezra
    Member

    Hi there,

    Thanks for updating the thread! Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password
    – FTP credentials

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    #1089909
    kmatan
    Participant
    This reply has been marked as private.
    #1089965
    Thai
    Moderator

    Hi There,

    Please this custom CSS under Customizer > Custom > Global CSS:

    ..home #x-section-1 .x-container:nth-child(2) .x-callout .x-btn-circle-wrap a {
        width: 300px !important;
    }
    
    ..home #x-section-2 .x-container .x-column:nth-child(2) {
        margin: 0 auto !important;
        float: none !important;
    }

    And replace with this:

    .home #x-section-1 .x-container:nth-child(2) .x-callout .x-btn-circle-wrap a {
        width: 300px !important;
    }
    
    .home #x-section-2 .x-container .x-column:nth-child(2) {
        margin: 0 auto !important;
        float: none !important;
    }

    There is an unexpected period before the custom CSS.

    Regards!

    #1090330
    kmatan
    Participant

    No change 🙁

    See attachment. I replaced as requested.

    #1090333
    kmatan
    Participant

    Please disregard. I subscribe to the posts and the email showed 3 dots prior and the reply showed 2 dots. I went back and saw that I had two dots and didn’t understand why it wasn’t working – only then realized the classes start with one dot. Some issue with the email when I got it.

    In any case – it works – thanks!

    What controls the spacing above and below? If I wanted to make it tighter with less white space?

    #1090338
    kmatan
    Participant

    Actually, I removed the top row – removing the callout and leaving the prompt. I moved the recent posts to the second row. That fixed my issue with spacing above & below the posts – however, it lost the changes on the prompt button. Suggestions?

    #1090443
    Christopher
    Moderator

    Hi there,

    Please add a custom class like my-btn to your button and try following CSS :

     .my-btn{
    width: 300px !important;
    }

    Hope it helps.

  • <script> jQuery(function($){ $("#no-reply-1088880 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>