- This topic has 23 replies, 3 voices, and was last updated 1 month, 2 weeks ago by
Elvin.
-
AuthorPosts
-
September 21, 2020 at 2:27 am #1451857
Huseyin
Hi Generatepress Support Team,
So I would like have custom sidebar width differently than the global setting. Just want to have this custom sidebar on few pages.
I want to achieve this custom right sidebar:
– Where the page layout needs to be Full width
– This custom right sidebar needs to be on Desktop ONLY
– I just want to add one Shortcode to the custom right sidebar, where there will be 120Γ600 px AdSense AD banner placed with the shortcode on this custom right sidebarThanks
September 21, 2020 at 4:46 am #1452019David
StaffCustomer SupportHi there,
are you using the right sidebar elsewhere? If so you will need a plugin like: Content Aware Sidebars to set create a custom sidebar for those pages.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 21, 2020 at 4:50 am #1452027Huseyin
I’m already using the right sidebar for my blog posts.
Need this custom right sidebar for few pages.
Also, seen this page for too for custom sidebar width. https://docs.generatepress.com/article/sidebar-widths/#using-a-filter
Is there a way of doing without a plugin?
September 21, 2020 at 5:28 am #1452084David
StaffCustomer SupportIf you want to display different sidebars then you will need a plugin or custom development
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 21, 2020 at 5:38 am #1452102Huseyin
oh okay, so I will install that plugin but how could i change the sidebar width for those pages?
September 21, 2020 at 6:13 am #1452140David
StaffCustomer SupportYou would use this code:
add_filter( 'generate_right_sidebar_width','tu_custom_right_sidebar_width' ); function tu_custom_right_sidebar_width( $width ) { // If we're on the home page if ( is_front_page() ) { return 40; } // Return the default return $width; }
The
return 40;
– the40
is the % width. Adjust that to what you need.The
if ( is_front_page() ) {
sets the condition to where this change is applied.This needs to be changed to meet your requirements. For example you could use this instead:
if( is_page( array( 11, 22, 33, 44 ) ) ) {
This applies it to a series of Pages based upon their ID. If you’re using Pages this condition would apply and you would just need to change the ID#’s to match those pages.
You can find the ID of each page by editing the page, and checking the browser URL you will see the number there.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 21, 2020 at 6:53 am #1452199Huseyin
Thanks but it’s not working, also Content Aware Sidebars is configured
I added this code for code snippets;
add_filter( 'generate_right_sidebar_width','tu_custom_right_sidebar_width' ); function tu_custom_right_sidebar_width( $width ) { // Custom Right Sidebar for Filtering Tables if( is_page( array( 14221, 19196 ) ) ) { return 20; } // Return the default return $width; }
also, i had the following css code for global right sidebar width;
@media (min-width: 769px) { .right-sidebar .site-content { display: flex; } .right-sidebar #right-sidebar { width: 380px; } .right-sidebar #primary { flex: 1 0; } }
September 21, 2020 at 7:40 am #1452277David
StaffCustomer SupportThe filter code is working, and the CSS you have added is also working ( and overriding the filter size ).
the image you’re displaying is only 120px wide. Use a wider image.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 21, 2020 at 7:50 am #1452433Huseyin
i think there is a misunderstanding, where I the want custom sidebar shorten the width so i could use 120px wide banner ads. So with sidebar padding is set to 40px, the custom right sidebar needs to be 200px (120px ad banner + 80px padding (left + right)
September 21, 2020 at 8:17 am #1452486David
StaffCustomer SupportIn that case – no need for the filter.
Use this CSS – it will change the width of a right sidebar on any full width page:.right-sidebar.full-width-content #right-sidebar { max-width: 200px; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 21, 2020 at 7:30 pm #1453168Huseyin
thanks,
So i dont need the filter (PHP code) – could i deactivate it?
September 21, 2020 at 7:37 pm #1453171Elvin Customer Support
So i dont need the filter (PHP code) β could i deactivate it?
Yes you can deactivate it. You can delete it later if you really don’t need it.
A wise man once said:
"Have you cleared your cache?"September 21, 2020 at 7:39 pm #1453172Huseyin
Great Thanks
π
September 22, 2020 at 12:33 am #1453372David
StaffCustomer SupportGlad we could be of help
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/December 2, 2020 at 5:56 am #1563599Huseyin
Hey Generatepress Team,
I’m back again, currently updating the site, need help on resizing the right-sidebar width on the full-width page only. (I will place the given CSS code on the pages needed because I separate the CSS codes by hook element). I just need a width of 160px with no padding inside.Please π (like i tried the following css codes, but no luck)
.right-sidebar. #right-sidebar { width: 160px; }
.right-sidebar.full-width-content { width: 160px; }
.right-sidebar.full-width-content #right-sidebar { width: 160px; }
Thanks
-
AuthorPosts
- You must be logged in to reply to this topic.