Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 6, 2020 at 8:40 pm #1210471
    flipper1960

    Hello,
    Have searched on your forum but not one solution worked for me… Or I did it wrong..;-)
    I use version Enfold 4.7.4
    I have the following code that should centre the contents on a page:
    [maxbutton id=”1″]   [maxbutton id=”2″]

    I placed this in a Code Block in a “container”, (see att. Codeblock1.jpg)
    Codeblock1

    but now it is alligned to the left:Codeblock2.jpg
    Codeblock aligned to the left

    What steps Do I have to follow to centre the code on a page

    Thanks

    May 6, 2020 at 10:07 pm #1210500
    Jordan Shannon

    Hey flipper1960,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    May 6, 2020 at 10:21 pm #1210504
    flipper1960

    Hello,

    See attached private content info
    Henri

    May 6, 2020 at 10:47 pm #1210517
    Jordan Shannon

    Hi,

    Add this to quick css:

    .avia_codeblock_section.avia_code_block_0 .avia_codeblock {
text-align:center!important;
}

    Best regards,
    Jordan Shannon

    May 6, 2020 at 10:56 pm #1210521
    flipper1960

    Hello Jordan,

    Added the code to the quick css, but it is not in the centre,…
    cleared cache etc

    May 6, 2020 at 11:15 pm #1210534
    Jordan Shannon

    Hi,

    Are you running any minification plugins?

    Best regards,
    Jordan Shannon

    May 6, 2020 at 11:52 pm #1210548
    flipper1960

    Hello,

    The site is built on the core Enfold theme.
    Almost no Cs code
    What do you mean by “minification code“. I am not ware of that.
    ……

    May 7, 2020 at 12:28 am #1210558
    Jordan Shannon

    Hi,

    You had some broken css which I commented out here:

    /**    font-weight: bold;
}**/

    You can retest the page and it should be working.

    Best regards,
    Jordan Shannon

    May 7, 2020 at 11:56 am #1210689
    flipper1960

    Grate Job
    Thanks

    May 7, 2020 at 2:47 pm #1210727
    flipper1960

    Hello support

    I am back again.
    I thought it worked fine and it did for the first codeblock
    When I copy/past the code in three new blocks, the first one is centred and the new three are again left aligned.. See attachement
    Please can you help me again?

    May 8, 2020 at 7:27 pm #1211143
    Victoria

    Hi flipper1960,

    Please change the code to this:

    
.avia_codeblock_section .avia_codeblock {
    text-align:center!important;
}

    Best regards,
    Victoria

    May 9, 2020 at 1:20 pm #1211383
    flipper1960

    Hello.
    This works fine now, but when I make the screen smaller and the row has to split in two rows (smaller screens and on mobile), the second row is a few spaces outlined to the right.
    See attrachements
    This happens when the buttons are in a codeblock but also when they are in a textblock

    Link 3+1
    Link 2+2

    Tried all possible combinations. No luck

    Thanks in advance
    Henri

    May 12, 2020 at 12:25 pm #1212122
    Victoria

    Hi flipper1960,

    It happens because there are spaces added and so they are treated as text for the browser
    Image 2020-05-12 at 13.22.51.png

    Normally, margins are used for spacing purposes and they can be removed or reduced with the media queries but in this case, css will not help. You need to remove the spaces and use margins first.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.