Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #1232912

    I’m trying to set up a color section with blue background that would be ‘covered’ by a white column which would strech all over to right side.
    It’s like a border on all sides but right.

    I came up with the solution below, but unfortunatelly it doesn’t do the whole trick. Text in coloumn looks like it has a padding on left, but it doesn’t.
    It should be in the same line as the text above.

    border-left: 300px solid #3155a5 !important;
    border-right: none !important;
    border-top: 50px solid #3155a5! important;
    border-bottom: 50px solid #3155a5 !important;

    Thank you for your help.


    Hey nm,

    Do you have screenshot of what you’re hoping to achieve?

    Best regards,
    Jordan Shannon


    Below – printscreen from pdf design.



    Add this to quick css:

    padding: 30px 70px 30px 50px!important;

    Best regards,
    Jordan Shannon


    Dear Jordan,

    sorry to say, but it’s not what we need. I don’t want to change .avia-builder-el-9 This one was perfectly ok.
    Instead I would like to change .color-section-no-color-on-right so the border on left would be in line with text from .avia-builder-el-9 and the text inside would be a bit more to left side, as padding is to big.

    Thx for your help.



    Thank you for the update.

    We can apply a specific width to the first cell inside the second grid row element in the page to push the content of the second column further to the right and align it with the content below. Please add this css code.

    .page-id-7280 #av-layout-grid-2 .flex_cell:first-child {
    	width: 380px;



    Twisted it a bit and it works now:

    width: 110%;

    Thx for your help.



    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Color section / no border on right’ is closed to new replies.