Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 19, 2016 at 9:56 pm #688824
    Dandelion222

    Hello,

    I am trying to add a blue bar of color above and below some text on my homepage. I have tried various ways to make this happen including using a custom whitespace/separator with a bg color (no effect) and now using 3 color sections. The top and bottom ones I’ve set the bg color to blue, and the middle is white. But it seems to ignore my settings regarding width. I want these bars to be full width but only 15-20 px high.

    I wish I could apply a top and bottom border color to the color section. If I was writing HTML that’s what I’d do. I’d just have a div with a top and bottom border. But I’m not sure how to make it happen with your page builder

    I’ll give you login access since I can’t share the site – it has a coming soon page.

    September 21, 2016 at 4:58 am #689595
    Rikard

    Hey Dandelion222,

    It looks like you have blue lines there already, could you try to explain a bit further what you would like to change please?

    Regards,
    Rikard

    September 21, 2016 at 10:09 pm #690000
    Dandelion222

    I did play with it more after writing, and got some blue in there. But it isn’t what I want. I wish I could attach a screenshot to show you. I just want to straight lines that go full width. Top and bottom. But only about 15 pixels deep. What I have on the page now is 2 color sections stacked. The top on has a background image with the blue line I want. It doesn’t work on smaller screens because it can’t resize because it is an image.

    Whether I try with the Whitespace thing or the color section thing, I can’t seem to control the width. I set the custom width to be 15 pixels, but it doesn’t work. It ignores what I’ve set.

    September 23, 2016 at 6:37 am #690513
    Rikard

    Hi,

    You can upload a screenshot to a service like google drive, dropbox, imgur.com or similar and then link to it here.

    Thanks,
    Rikard

    March 10, 2017 at 12:41 am #758641
    Dandelion222

    I’m revisiting this issue at last. I have been using the color sections. I’m finding that I cannot display it at narrower than about 100 pixels high. Even if I set the width to 40 px or even 20px and the padding to nothing. Why? Is it possible to display it at a custom height under 100 pixels.

    March 11, 2017 at 5:36 am #759250
    Rikard

    Hi,

    That is correct, the default setting is to display at a minimum or 100 pixels. You would need custom CSS to change that though. If you want to change it globally then you can use something like this:

    .avia-section {
    min-height:0 !important;
}

    Otherwise you would have to target each section individually.

    Best regards,
    Rikard

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