Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #821902

    Hi Guys.
    I added a custom widget area and called it Rates.
    Chose Rates in the Sidebar setting but nothing is showing?
    Mark.
    http://www.kangaroosinthetoppaddock.com.au/rates

    #821952

    if you are working with child-theme you can manage it via that hook in functions.php of your child-theme:

    add_action( 'ava_add_custom_default_sidebars', 'custom_sidebar_widget_area' );
    function custom_sidebar_widget_area() {
    	dynamic_sidebar( 'Rates' );
    }

    but it might work on sidebar without that code. You only have to choose on the Editior-Page – right side that you want to see this new custom sidebar.

    Did you drag a widget to that new custom-sidebar?

    #822253

    Sorry. Don’t use a child theme. Is there another way to fix this?

    #822298

    Hi,

    We always recommend that you use a child theme for any customisations, you only spend a few minutes installing it and it will save you a lot of trouble in the future. You can download one from here: kriesi.at/documentation/enfold/downloads/

    If you should need any further help then please post admin login details in private.

    Best regards,
    Rikard

    #822356

    Hi Rikard.
    This should not be a customization. The sidebar is a basic component of the theme and it is not working.

    #822395

    Hi Rikard.
    I uploaded the functions.php with this

    add_action( ‘ava_add_custom_default_sidebars’, ‘custom_sidebar_widget_area’ );
    function custom_sidebar_widget_area() {
    dynamic_sidebar( ‘Rates’ );
    }

    and style.css

    I have obviously done something wrong. No sidebar.

    #822485

    you have to do both – but on the sidebar if you like this as a place for your custom widget area “Rates” ( i looked again to source code of sidebar.php) you don’t need to register that area. Allthough kriesi has an extra action hook for that on line 87ff
    // customize default sidebar and add your sidebars

    – make your own Custom Widget in the widget area and call it “Rates”
    – goto the post/page you like to show your new custom widget.
    – on the right side of the editor mode there is a window : Layout
    – choose on Sidebar Settings (right or left)
    – choose on Sidebar Setting ( Rates )
    – do not forget to put in some Content to that Widget Area – otherwise it is there but empty

    #822491

    so now with your website online i see you are using on that page a grid-layout or color-sections – these are per definition 100% width

    But you can mimic it by:
    click to enlarge

    see example here: https://webers-testseite.de/test/

    #822505

    or put in your price-table in a 1/1 container – this will make the trick to have the sidebar besides that Container.

    edit : ok – i see in source codes that you done that allready

    the point is the following grid-row – don’t know if this is a bug?
    Allthough you have a 1/1 container there is no sidebar

    • This reply was modified 7 years, 3 months ago by Guenni007.
    #822508

    Hi Guenni.

    Thanks but I have done all of this but no luck.

    – make your own Custom Widget in the widget area and call it “Rates”
    – goto the post/page you like to show your new custom widget.
    – on the right side of the editor mode there is a window : Layout
    – choose on Sidebar Settings (right or left)
    – choose on Sidebar Setting ( Rates )
    – do not forget to put in some Content to that Widget Area – otherwise it is there but empty

    Is the sidebar not showing because I am using a grid?

    #822511

    or put in your price-table in a 1/1 container – this will make the trick to have the sidebar besides that Container.

    This didn’t work.

    #822513

    see my comment on https://kriesi.at/support/topic/custom-widget-not-showing/#post-822505

    delete the following grid-row to proove – and than we will see if we can do that “Separator” in a different way

    but you can force it by inserting the price-table in a 2/3 column and in that 1/3 column the Widget-Area ALB Element and do for that page/post a non sidebar layout!

    #822546

    Correct. The grid row will not allow for a sidebar.
    Sidebar works fine without the grid row.
    That must be a fault with the theme.

    #822550

    the grid row above was not the problem – it is the following one – so if you like you can insert in a different way:

    try adding this to quick css:

    .page-id-117 #after_section_1::after {
        content: " ";
        display: block;
        height: 15px;
        width: 100vw;
        background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #604b66 0%, #604b66 33%, #937522 33%, #937522 66%, #d6a83e 66%);
        background: -webkit-linear-gradient(left, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
    	background: linear-gradient(to right, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#604b66', endColorstr='#d6a83e',GradientType=1 ); 
        background-repeat: none;
        background-position: center top;
        background-size: 100vw 15px;
    }
    #822580

    Have a problem now.

    Added that code. It didn’t work. Removed it but the page is now broken.

    #822581

    Sorry. My fault. Removed something else by mistake.

    #822583

    It worked! Have a grid row on the bottom now.

    Many thanks.

    #822586

    Added a grid row on the top but it doesn’t show. It also removed the one made with your css.

    ?

    #822936

    yes – you should only remove that grid under your price-table.
    it seems that a container which is set to 100% max-width hampered the building of sidebar.
    Having one above changes something now you have an id for the price-table container of #after-submenu

    so code is than:

    .page-id-117 #after_submenu::after {
        content: " ";
        display: block;
        height: 15px;
        width: 100vw;
        background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #604b66 0%, #604b66 33%, #937522 33%, #937522 66%, #d6a83e 66%);
        background: -webkit-linear-gradient(left, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
    	background: linear-gradient(to right, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#604b66', endColorstr='#d6a83e',GradientType=1 ); 
        background-repeat: none;
        background-position: center top;
        background-size: 100vw 15px;
    }
    • This reply was modified 7 years, 3 months ago by Guenni007.
    #822947

    if you like to have it after each section you can add (this is only a short form of that above plus a rule for avia-section):

    .avia-section::after, .page-id-117 #after_submenu:after {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, #604b66 0%, #604b66 33%, #937522 33%, #937522 66%, #d6a83e 66%) repeat scroll center top / 100vw 15px;
        content: " ";
        display: block;
        height: 15px;
        width: 100vw;
    }

    but than you have to get rid of those grid-rows which are for that “separator”

    #823040

    Hi Guenni.
    Almost there I think.
    Thank you for all your help.
    I have removed both grid rows and added both lots of css you gave me.

    .page-id-117 #after_section_1::after {
    content: ” “;
    display: block;
    height: 15px;
    width: 100vw;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #604b66 0%, #604b66 33%, #937522 33%, #937522 66%, #d6a83e 66%);
    background: -webkit-linear-gradient(left, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
    background: linear-gradient(to right, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#604b66′, endColorstr=’#d6a83e’,GradientType=1 );
    background-repeat: none;
    background-position: center top;
    background-size: 100vw 15px;
    }

    .page-id-117 #after_submenu::after {
    content: ” “;
    display: block;
    height: 15px;
    width: 100vw;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #604b66 0%, #604b66 33%, #937522 33%, #937522 66%, #d6a83e 66%);
    background: -webkit-linear-gradient(left, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
    background: linear-gradient(to right, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#604b66′, endColorstr=’#d6a83e’,GradientType=1 );
    background-repeat: none;
    background-position: center top;
    background-size: 100vw 15px;
    }

    I now have one grid at the bottom but not at the top.

    Mark.

    #823231

    if it is only for this site you can combine both rules (if you want it for all pages and after each color-section or grid-row this could be done via classes)

    .page-id-117 #av_section_1::after, .page-id-117 #after_section_1::after  {
    content: ” “;
    display: block;
    height: 15px;
    width: 100vw;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #604b66 0%, #604b66 33%, #937522 33%, #937522 66%, #d6a83e 66%);
    background: -webkit-linear-gradient(left, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
    background: linear-gradient(to right, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#604b66′, endColorstr=’#d6a83e’,GradientType=1 );
    background-repeat: none;
    background-position: center top;
    background-size: 100vw 15px;
    }

    btw: stretch your background-image of the color-section on top (cover element) because it ends on bigger screens.

    • This reply was modified 7 years, 3 months ago by Guenni007.
    #823287

    Thanks very much for all your help.

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