Search Results for 'sidebar'

[David]

David

#199184

Kevin,

Many thanks. That has worked with the exception of the shading on the subscribe button itself in the sidebar where the shading still remains. Can this also be removed to leave black text?

David

[Kevin]

Kevin

#199182

You can change the font weight and add space below your widget titles by adding to the above CSS like this:

.sidebar h4.widget-title {
    font-size: 25px;
    margin-bottom: 25px;
    font-weight: 500;
}

Here’s some CSS that will change the background of the input in your sidebar:

.sidebar #subscribe-email input {
    background: #e4e4e4;
}

Let me know how that works for you.

-Kevin

[David]

David

#199178

Kevin,
Thanks, its looking better already. Am I also able to reduce the boldness of the widget titles? and increase the amount of space immediately below each title?
Lastly, would you know how to remove the shading in the subscription widget. It is shaded dark, I think using custom CSS, to match the widgets use in the footer section. Ideally I would want to remove the shading for the sidebar only.

Thanks
David

[Kevin]

Kevin

#199153

Here is some css that will allow you to adjust the padding between your widgets:

.sidebar .widget {
    padding-top: 20px;
    padding-bottom: 20px;
}

Adjust the px amount as desired.

Here is some CSS that will target the widget headings in your sidebar:

.sidebar h4.widget-title {
    font-size: 25px;
}

Let me know if that works for you!

-Kevin

[Ben Ritner]

Ben Ritner

#199040

Hey,
1. Yes that is only a setting for pages, it’s mostly for use with pagebuilders. If you want all your content to be screen width you can use css like this. I don’t recommend this as it makes your content really wide on large screens and harder to read and not as good of an experience for the user.

#content {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

2. You can add this css:

.page-template-page-blog-grid .kad-sidebar .sidebar, .archive.category .kad-sidebar .sidebar, .single-post .kad-sidebar .sidebar {
    background: #f6f6f6;
}

3. You can add this css:

#kad-blog-grid .blog_item {
    border: 0;
}
#kad-blog-grid .blog_item .kt-intrinsic-container-center {
    max-width: 100% !important;
}

4. You can set this in your theme options > blog options.

Ben

[Francis]

Francis

#198996

Hello,

I’d like a bit of help with these issues:

1. I have used the “page content width” to control the width of the main blog page I have created, the the subsequent category blog pages and the individual blog pages do not seem to have the same sort of setting available.
Could you please let me know how I can get the category blog pages and the individual blog pages to also be fullwidth.

2. On my blog pages, I have a sidebar. I want the background of ONLY THE BLOG PAGE, BLOG CATEGORY PAGE & BLOG INDIVIDUAL PAGE sidebar to be changed from the light creamish yellow to #f6f6f6, without it changing the menu colour in the woocommerce area.

3. On the main blog page, how can I remove the light grey borders around the posts.

4. How can I make a blog grid layout show up on a blog catogory page.

Thanking you in anticipation.
Kind Regards.

[Francis]

Francis

#198996

Hello,

I’d like a bit of help with these issues:

1. I have used the “page content width” to control the width of the main blog page I have created, the the subsequent category blog pages and the individual blog pages do not seem to have the same sort of setting available.
Could you please let me know how I can get the category blog pages and the individual blog pages to also be fullwidth.

2. On my blog pages, I have a sidebar. I want the background of ONLY THE BLOG PAGE, BLOG CATEGORY PAGE & BLOG INDIVIDUAL PAGE sidebar to be changed from the light creamish yellow to #f6f6f6, without it changing the menu colour in the woocommerce area.

3. On the main blog page, how can I remove the light grey borders around the posts.

4. How can I make a blog grid layout show up on a blog catogory page.

Thanking you in anticipation.
Kind Regards.

[Hannah]

Hannah

#198613

Hi Carlos,
Try this css instead:

.search-no-results div#ktmain {
    width: 100%;
} 
.search-no-results .sidebar {
    display: none;
}

Does that work for you?

Hannah

[Evelyn]

Evelyn

#198610

I have 8 testimonials that I want to display in the sidebar (slider), however I can only see 5.
Can you tell me where I can find this setting for the number of testimonials to show in the sidebar.
Thanks
Lyn Bishop

[Evelyn]

Evelyn

#198610

I have 8 testimonials that I want to display in the sidebar (slider), however I can only see 5.
Can you tell me where I can find this setting for the number of testimonials to show in the sidebar.
Thanks
Lyn Bishop

[Michael]

Michael

#198597

Hi
I’m using the free version of Interactive 3D FlipBook for a pdf a client wants as a flipbook on their website.
*Login to see link

After installation the flipbook displays perfectly on the page via shortcode, but when trying to edit widgets in the primary sidebar the SiteOrigin widget fields appear blank (Sidebar > Layout Builder > SiteOrigin Editor widgets)

I’ve cleared cache, re-saved the permalinks

Any suggestions?

[Michael]

Michael

#198597

Hi
I’m using the free version of Interactive 3D FlipBook for a pdf a client wants as a flipbook on their website.
*Login to see link

After installation the flipbook displays perfectly on the page via shortcode, but when trying to edit widgets in the primary sidebar the SiteOrigin widget fields appear blank (Sidebar > Layout Builder > SiteOrigin Editor widgets)

I’ve cleared cache, re-saved the permalinks

Any suggestions?

[Carlos]

Carlos

#198556

Hello! I still see the right sidebar with the “entries, publications, testimonials” of the demo!!

[Ben Ritner]

Ben Ritner

#198554

Hey,
In WordPress the “default” template is not the same as assigning a template. It looks at the slug of the page to see if some template should be applied. Since your slug is “contact” it’s assuming you want the contact template and assigning it. You just need to choose a template.

In your case it sounds like you want the sidebar template.

Ben

[Brandy]

Brandy

#198544

Hello Team Kadence!

I am having a really odd issue with a particular page. I have a contact page that is not using the built-in form (right now it’s just a blank page with the default template) but for some reason, the main content is taking on mobile breakpoint @ 992px, and pushing the sidebar below. I can switch to any other template and it behaves as expected. But not the default template.

When looking at the CSS, the page that is named contact shows the class col-md-12 but every other page has the class .col-lg-9. I’m not sure why.

The really odd thing is … if I rename the page (update the url to something else), it works as expected and the class is changed to .col-lg-9. All my other pages are currently the default template and those work as expected as well. Page options and settings are the same on each page currently as well. Only this one page acts differently.

I have tried reinstalling the theme, deleting the page and recreating the page, deactivating all plugins (just in case).

I tested it on other sites running Virtue and have the same issue (only on default templates with the url as /contact/). Any ideas?

[Brandy]

Brandy

#198544

Hello Team Kadence!

I am having a really odd issue with a particular page. I have a contact page that is not using the built-in form (right now it’s just a blank page with the default template) but for some reason, the main content is taking on mobile breakpoint @ 992px, and pushing the sidebar below. I can switch to any other template and it behaves as expected. But not the default template.

When looking at the CSS, the page that is named contact shows the class col-md-12 but every other page has the class .col-lg-9. I’m not sure why.

The really odd thing is … if I rename the page (update the url to something else), it works as expected and the class is changed to .col-lg-9. All my other pages are currently the default template and those work as expected as well. Page options and settings are the same on each page currently as well. Only this one page acts differently.

I have tried reinstalling the theme, deleting the page and recreating the page, deactivating all plugins (just in case).

I tested it on other sites running Virtue and have the same issue (only on default templates with the url as /contact/). Any ideas?

[Ben Ritner]

Ben Ritner

#198340

Hey,
You can type the title in as uppercase. You can also use css like this:

.sidebar .widget-title {
    text-transform: uppercase;
}

Ben

[pedro]

pedro

#198333

I would like to ask you please could you indicate how to leave the word “category” in the sidebar (which is inserted from the widget) with its title in capital letters (currently appears in lower case) thanks

*Login to see link

[pedro]

pedro

#198333

I would like to ask you please could you indicate how to leave the word “category” in the sidebar (which is inserted from the widget) with its title in capital letters (currently appears in lower case) thanks

*Login to see link

[Hannah]

Hannah

#198222

Hi Paul,
You can edit your font colors from Theme Options > Typography. Your page titles pull from your h1 settings, and the sidebar titles pull from h3.
Hope that helps!

Hannah

[Hannah]

Hannah

#198188

Hey Costa,
Glad you were able to get things working! It may help you to wrap it in a media query so it does not get out of alignment when on mobile.

@media (min-width: 992px) {
.sidebar {
margin-right: -13px;
margin-top: -30px;
}
}

Hannah

[Michael]

Michael

#198159

Hi Ben
I’ve done just that. I was just concerned that each page would have the same content in the page builder sidebar, effectively having duplicate content on each page. It’s not an issue though. All good.
Thanks
Costa

[Ben Ritner]

Ben Ritner

#198148

Would this not cause issues with SEO and duplicate content?

What do you mean? Duplicate in reference to what?

In site origin page builder you can order the collapse to be left to right instead of right to left. Or you can use the one sidebar from the theme as your left sidebar and add a right one with pagebuilder.

[Michael]

Michael

#198087

This reply has been marked as private.

[Michael]

Michael

#198086

Hi
I’m trying to get rid of the padding around the image in a sidebar widget I’ve set the width to 100% on the text viewer, but it seems the theme is padding the image. I’ve also removed the default padding on the Miscl theme options. can you assist.

[Michael]

Michael

#198086

Hi
I’m trying to get rid of the padding around the image in a sidebar widget I’ve set the width to 100% on the text viewer, but it seems the theme is padding the image. I’ve also removed the default padding on the Miscl theme options. can you assist.