-
AuthorPosts
-
July 16, 2017 at 5:54 am #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/ratesJuly 16, 2017 at 11:03 am #821952if 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?July 17, 2017 at 12:49 am #822253Sorry. Don’t use a child theme. Is there another way to fix this?
July 17, 2017 at 5:21 am #822298Hi,
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,
RikardJuly 17, 2017 at 7:03 am #822356Hi Rikard.
This should not be a customization. The sidebar is a basic component of the theme and it is not working.July 17, 2017 at 9:15 am #822395Hi Rikard.
I uploaded the functions.php with thisadd_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.
July 17, 2017 at 10:53 am #822485you 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 emptyJuly 17, 2017 at 11:01 am #822491so 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 enlargesee example here: https://webers-testseite.de/test/
July 17, 2017 at 11:19 am #822505or 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, 4 months ago by Guenni007.
July 17, 2017 at 11:22 am #822508Hi 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 emptyIs the sidebar not showing because I am using a grid?
July 17, 2017 at 11:26 am #822511or 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.
July 17, 2017 at 11:27 am #822513see 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!
July 17, 2017 at 12:23 pm #822546Correct. The grid row will not allow for a sidebar.
Sidebar works fine without the grid row.
That must be a fault with the theme.July 17, 2017 at 12:33 pm #822550the 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; }
July 17, 2017 at 1:20 pm #822580Have a problem now.
Added that code. It didn’t work. Removed it but the page is now broken.
July 17, 2017 at 1:22 pm #822581Sorry. My fault. Removed something else by mistake.
July 17, 2017 at 1:28 pm #822583It worked! Have a grid row on the bottom now.
Many thanks.
July 17, 2017 at 1:34 pm #822586Added a grid row on the top but it doesn’t show. It also removed the one made with your css.
?
July 17, 2017 at 9:33 pm #822936yes – 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-submenuso 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, 4 months ago by Guenni007.
July 17, 2017 at 9:40 pm #822947if 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”
July 18, 2017 at 1:21 am #823040Hi 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.
July 18, 2017 at 12:31 pm #823231if 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, 4 months ago by Guenni007.
July 18, 2017 at 1:59 pm #823287Thanks very much for all your help.
-
AuthorPosts
- You must be logged in to reply to this topic.