Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 24, 2020 at 9:51 am #1232912
    nm

    Hi,
    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.

    .color-section-no-color-on-right
    {
    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.

    July 25, 2020 at 2:23 am #1233115
    Jordan Shannon

    Hey nm,

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

    Best regards,
    Jordan Shannon

    July 27, 2020 at 12:48 pm #1233507
    nm

    Below – printscreen from pdf design.

    July 27, 2020 at 6:51 pm #1233558
    Jordan Shannon

    Hi,

    Add this to quick css:

    .avia-builder-el-9{
padding: 30px 70px 30px 50px!important;
}

    Best regards,
    Jordan Shannon

    July 28, 2020 at 2:52 pm #1233751
    nm

    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.

    July 31, 2020 at 9:31 am #1234323
    Ismael

    Hey!

    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;
}

    Regards,
    Ismael

    August 3, 2020 at 10:45 am #1234773
    nm

    Twisted it a bit and it works now:

    .flex_column.av_one_full.avia-builder-el-17{
    width: 110%;
    }

    Thx for your help.

    August 3, 2020 at 8:13 pm #1234939
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

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