Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #921891

    Hello
    I have created a custom widget called ‘disclaimer’, put in this id to style the text, and added it to a specific page (link is in private content) to test –
    <div id="plansDisclaimer">The developer reserves the right to modify plans, specifications or features without notice. Final areas and dimensions may vary.</div>
    I’m able to style the text in my custom css but there is a way too much white space top and bottom so I’ve tried to adjust margins of the entire widget but can’t seem to find the right element to adjust.
    Ideally I’d like a margin-top of 20px and a margin-bottom of 50px, plus the option to remove the 1px border top line. Here’s a screenshot of what I need to change –
    widget
    Thank you in advance! :)

    #921894

    The image is blurry – here’s a direct link without using your img insert button –
    http://dev.parkhomes.ca/images/widget.jpg

    #921898

    Hey webWahine,

    It’s a bit hard to see the screenshot. Please use the following service so I can get a better view:

    https://snag.gy/

    Best regards,
    Jordan Shannon

    #921907

    Here you go –

    https://snag.gy/LMQCHf.jpg

    thanks! :)

    #921910

    Hi,

    Thanks for sending that link. Please add the following to quick css:

    .template-page.content.av-content-full.alpha.units{
    padding-top:10px!important;
    padding-bottom:0px!important;
    }
    
    #after_section_6{
    border-top:none!important;
    }

    Adjust the numbers as you need.

    Best regards,
    Jordan Shannon

    #921963

    That worked perfectly, thanks, but I may have fewer or more sections on other pages – is there a way to target the after id using a section id?

    For example, the section id above the widget is called ‘register’, so is there a way to target that as opposed to section 6?

    Also, when I look at the source I can see the sections but no reference to it being section_6 until I see the new after_section_6 css – how do I know that it’s 6, please?

    #922318

    Hi,

    I don’t think that’s possible without tweaking core files, as for the section number, you just need to count the color sections, the 6th Color Section will have that #av_section_6 id and next to it usually have that #after_section_6 id. Hope this helps.

    Best regards,
    Nikko

    #922474

    Ok, thanks, Nikko!

    #922546

    Hi,

    I’m glad I was able to help you solve this. Did you need additional help, or shall I close this topic?

    Best regards,
    Jordan Shannon

    #922552

    I’m good, thank you, Jordan! :)

    #922573

    Hi,

    No problem at all my friend. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

    #922575

    Hi,

    No problem at all my friend. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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