Search Results for 'sidebar'

[Sean Brannon]

Sean Brannon

#283184

I just want to add something.

I know I can make what I posted with the default post settings. However, I want to put this above the content, so I can include a sidebar that is below the post header. With a sidebar on you squish the header and float the sidebar all the way to the top of the post page. This isn’t the design I want. I want the sidebar below the post featured image.

[chitocamacho]

chitocamacho

#283043

Hi Claire,

You don’t need to use custom CSS for this. Customize the Link Style and Colors for the sidebar in Customizer > General > Sidebar > Design tab. Here’s a video for your guide: https://share.getcloudapp.com/Qwu85DGd

I hope this helps, and let us know how we can help further.

Kind regards,
Chito

[chitocamacho]

chitocamacho

#283040

Hi there,

Thanks for writing.

I tested your codes and both worked on my test site. Here’s a video: https://share.getcloudapp.com/nOuKvgJZ

Perhaps, there’s a missing or excess brackets {} in your custom CSS. Try adding any of those codes on the top most.

If it still doesn’t work, kindly clear any cache on your website and try visiting the page in an incognito window.

Another question is How to reduce the H3 text size only in left sidebar without affecting the H3 in main content.

You can use any heading block in your sidebar, such as the Advanced Text block, so you can customize the font. Otherwise, you’ll need to use the below sample custom CS.

.has-left-sidebar .primary-sidebar h3{
    font-size: 15px !important
}

I hope this helps, and please let us know how we can help further.

Kind regards,
Chito

[claire]

claire

#283038

Hello

When I add a latest posts widget to the sidebar, the preview list shows sitewide link styling – red with an underline, but the live site shows them as black without an underline, but they are still links and change to red when rolled over (not the same as the sitewide yellow rollover). I want to style the widget list to show these as (for example) red underlined links to make it clearer where to click, particularly on a mobile where the roll over doesn’t work the same

I think it is class=”wp-block-latest-posts__post-title” and I have added .wp-block-latest-posts__post-title a { color: Red;} to the custom css to see if it has any effect but there is no change

Can anyone help – I’m using the native Kadence Theme?

Thanks
Claire

[claire]

claire

#283038

Hello

When I add a latest posts widget to the sidebar, the preview list shows sitewide link styling – red with an underline, but the live site shows them as black without an underline, but they are still links and change to red when rolled over (not the same as the sitewide yellow rollover). I want to style the widget list to show these as (for example) red underlined links to make it clearer where to click, particularly on a mobile where the roll over doesn’t work the same

I think it is class=”wp-block-latest-posts__post-title” and I have added .wp-block-latest-posts__post-title a { color: Red;} to the custom css to see if it has any effect but there is no change

Can anyone help – I’m using the native Kadence Theme?

Thanks
Claire

[TonAdmin]

TonAdmin

#283036

Hi,
I’m using
Kadence Theme: 1.1.35
Kadence Theme Pro: 1.0.9
Kadence Block: 3.0.27
Kadence Block Pro:1.7.27

and I’ve already add this custom css to show the sidebar before content in mobile.

@media (max-width: 1024px) {
.content-area {
display: flex;
}
.content-container {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.primary-sidebar {
width: 100%;
}
}

In order to reduce the gap between left sidebar and main content, I’ve tried both of these codes (with and without the above code).

@media screen and (min-width: 1025px){
.has-left-sidebar .content-container {
grid-gap: 20px;
}
}

and

@media screen and (min-width: 1025px) {
.has-sidebar .content-container {
grid-gap: 20px;
}
}

Nothing works for me.

Another question is How to reduce the H3 text size only in left sidebar without affecting the H3 in main content.
Thanks in advance for your helps!

[TonAdmin]

TonAdmin

#283036

Hi,
I’m using
Kadence Theme: 1.1.35
Kadence Theme Pro: 1.0.9
Kadence Block: 3.0.27
Kadence Block Pro:1.7.27

and I’ve already add this custom css to show the sidebar before content in mobile.

@media (max-width: 1024px) {
.content-area {
display: flex;
}
.content-container {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.primary-sidebar {
width: 100%;
}
}

In order to reduce the gap between left sidebar and main content, I’ve tried both of these codes (with and without the above code).

@media screen and (min-width: 1025px){
.has-left-sidebar .content-container {
grid-gap: 20px;
}
}

and

@media screen and (min-width: 1025px) {
.has-sidebar .content-container {
grid-gap: 20px;
}
}

Nothing works for me.

Another question is How to reduce the H3 text size only in left sidebar without affecting the H3 in main content.
Thanks in advance for your helps!

[Robin Mehta]

Robin Mehta

#283008

Yes you can create sticky sidebar in Kadence theme.
You have to follow this: Go to Kadence Theme Customizer>Locate sidebar setting in General tab>Turn ON sticky sidebar.

You can also enable last widget as sticky. The setting for that is just under sticky sidebar setting.

I hope it will solve your query.

[John]

John

#283005

Is it possible to create a sticky sidebar in Kadence theme.

[John]

John

#283005

Is it possible to create a sticky sidebar in Kadence theme.

[Eze]

Eze

#282924

Hi Ben,

I can understand the need for a second sidebar layout.

Currently, there is no default option to add a second sidebar directly on the template element, but I can provide a workaround for you where you can build your own template for single posts/pages content area. Watch this screen recording on how to do that:
https://share.getcloudapp.com/7Kuzpede

Otherwise, I will suggest you submit that as a feature request here: https://www.kadencewp.com/kadence-theme/feature-requests/

While I cannot provide you with an actual timeline for when this feature will be released, rest assured that the development team will be made aware of it.

Please let us know how we could help you further.

Cheers,
Eze

[Ben]

Ben

#282911

Hi,

thanks. I’m familiar with the sidebar widget.
For a second sidebar (and a layout sidebar – content – sidebar) I find reusable blocks and creating a row layout not acceptable. It messes up the editor, it will confuse useres, they should be able to edit content there only, not having the sidebar aside.

The template element – how would i place that to behave as a second sidebar? I see I can replace the primary sidebar, but that is not what I want.

Thank you!

Also – is genuine support for a two sidebar layout planned anytime soon?

[chitocamacho]

chitocamacho

#282897

Hi Ben,

You don’t have to rebuild the default sidebar from WordPress on every page. You can customize it in Appearance > Widgets. Then select the sidebar to apply it globally on pages in Customizer > Posts/Pages Layout > Page Layout >
Page Default Sidebar. You can also override that global settings for individual pages in the page settings. Here’s a quick video: https://share.getcloudapp.com/eDurwg6B

For the Row Layout block, you can make it a reusable block, which is a function from WordPress as well.
https://wordpress.com/support/wordpress-editor/blocks/reusable-block/

You can also create an element template using Hooked Element. Here’s a guide: https://www.kadencewp.com/blog/introducing-kadence-elements-templates-design-your-site-your-way/

Note that the element template only reflects on the frontend.

I hope this helps, and please let us know how we can assist further.

Kind regards,
Chito

[Ben]

Ben

#282895

Thanks for your answer.

Do I have to rebuild the sidebare manually on every page then? Can I somehow make this design a template or make the right sidebar some kind of block that I only have to edit in one place for all appearences on pages?

[chitocamacho]

chitocamacho

#282857

Hi Ben,

Thanks for writing.

This layout is not available currently. What you can do is either apply a left or right sidebar, then use the Row Layout block to create a sidebar looking column. Here’s an example: https://share.getcloudapp.com/eDurPdyk

You can also make a Section from Row Layout block sticky, as demonstrated in the above video.

If this does not work for you, you can submit a feature request for the Kadence theme at this link: https://www.kadencewp.com/kadence-theme/feature-requests

Please let us know how we can help further.

Kind regards,
Chito

[Ben]

Ben

#282854

Hi,
I’ve just purchased Kadence theme and am on a fresh install.
How can I show both sidebar widgets? How can I show a layout sidebar-content-sidebar? I can’t find the option anywhere but it makes no sense?

Thanks, Ben

[Ben]

Ben

#282854

Hi,
I’ve just purchased Kadence theme and am on a fresh install.
How can I show both sidebar widgets? How can I show a layout sidebar-content-sidebar? I can’t find the option anywhere but it makes no sense?

Thanks, Ben

[Eze]

Eze

#282836

Hi @georges_lteif

Yes, if you use code to hide the sidebar on your website, it will still be parsed by the browser and affect the DOM size. This is because even though the sidebar is not visible on the page, it is still part of the HTML code and needs to be processed by the browser.

If you want to reduce the impact of the sidebar on your DOM size, you can remove it from the code altogether. One way to do this is by editing the WordPress template files directly.

We highly recommend that you use a child theme for overriding templates. This will ensure that any customization done will not get overwritten when you update the main/parent theme.

Learn more about child theme and how to install the Kadence Child Theme here: https://www.kadencewp.com/help-center/docs/kadence-theme/what-is-a-child-theme-should-i-install-one-if-so-how/

After installing and activating the Child theme, here are the steps to remove the sidebar:

1. Log in to your WordPress dashboard and navigate to Appearance > Theme File Editor.
2. Select the template file where the sidebar code is located (usually sidebar.php or similar).
3. Remove the code that generates the sidebar from the template file.
4. Update File.

I hope this helps! If you have any further questions or need additional assistance, please don’t hesitate to send them in.

Cheers,
Eze

[Justin Moreland]

Justin Moreland

#282829

It seems safer to add a custom class name. Any time you rely on a generated class name, that can break easy. I think every component in the Gutenberg editor has a sidebar section called “Advanced” (I think Kadence Blocks have a tab, then an expand section in there also called ‘Advanced’) where you can give it a custom class or custom id. Then you can safely add css code that will stay with it even if you copy it to another page for instance.

[Eze]

Eze

#282666

Hi @h.a.youssef,

I understand that you are having an issue adding a sidebar to your homepage.

Adding a sidebar specifically to your homepage in the Kadence Theme depends on the layout you have chosen for your homepage in the page setting, and not especially in the Posts/Pages layout “customize” settings. You can achieve this by doing the following:

– Edit the homepage
– In the top-right corner, click the Page Settings icon
– In the page layout section, select RIGHT SIDEBAR
– Update Page

Watch screencast of the above steps: https://share.getcloudapp.com/geuErXNA

If you wish to keep the sidebar active on other pages and posts, you can do that in the Posts/Pages layout “customize” settings. If any page doesn’t still show the sidebar, try editing the specific page settings using the provided steps above.

I hope this helps! Please let me know if you have any other questions or clarifications.

Cheers,
Eze

[h.a.youssef]

h.a.youssef

#282658

Hello Dane,
I’m not able to add the sidebar to my homepage using the basic Kadence theme.. is there a way to do that in this free version or do i have to use the hook elements which are part of the paid version.
Also when i go to “homepage” settings under “customize” when I’m on the homepage I don’t see any other option to switch layout. and I have turned all layouts in the customization to the layout that has a right sidebar yet still it’s not reflected on the homepage. It’s active on pages and posts but not homepage.
Can you please advise how to proceed with this if applicable because I really like the Kadence theme and don’t want to change it.

[dancsventrue]

dancsventrue

#282597

Hello, I am trying to add the sidebar to each product page in my website, but it just won’t appear.
I already have “Default Page Template – Sidebar Default” set to “Yes sidebar” and if I go to Pages->Edit ‘All Products’, in the right bar it says “Show sidebar”, and it is set to “Yes”,with “primary sidebar” selected right under it.
Please, what am I missing?

[dancsventrue]

dancsventrue

#282597

Hello, I am trying to add the sidebar to each product page in my website, but it just won’t appear.
I already have “Default Page Template – Sidebar Default” set to “Yes sidebar” and if I go to Pages->Edit ‘All Products’, in the right bar it says “Show sidebar”, and it is set to “Yes”,with “primary sidebar” selected right under it.
Please, what am I missing?

[mike.levy]

mike.levy

#282410

Hey folks!

Since updating to Kadence Blocks V3 – I no longer see the sticky settings panel for sections. Am I missing looking in the wrong place, I do not see it under any of the new tabs under the settings sidebar.

Thank you for any help!

[mike.levy]

mike.levy

#282410

Hey folks!

Since updating to Kadence Blocks V3 – I no longer see the sticky settings panel for sections. Am I missing looking in the wrong place, I do not see it under any of the new tabs under the settings sidebar.

Thank you for any help!

[hank.primrose]

hank.primrose

#282384

This is now resolved.

After trawling through the code, I found the following filter: “kadence_post_layout”, which I was able to hook into with the following code: –

add_filter(‘kadence_post_layout’, function($layout) {
if(is_singular() && get_post_type() == ‘post’ && has_category(‘trade-blog’)) {
$layout[‘sidebar’] = ‘enable’;
$layout[‘layout’] = ‘standard’;
}
return $layout;
}, 10, 1);