Search Results for 'sidebar'

[Ben Ritner]

Ben Ritner

#50329

Hey,
For this you would use a child theme.

You can download a child theme here: https://www.kadencewp.com/wp-content/uploads/2014/02/virtue_premium_child.zip

and in the function.php file of the child theme add this:

add_filter('kadence_display_sidebar', 'kt_custompost_sidebar');
function kt_custompost_sidebar($sidebar) {
  if (is_sigular('artists') ) {
    return false;
  }
  return $sidebar;
}

Ben

[Paul]

Paul

#50321

Hello,

I am not an expert so need some help.

I have set up my site for selling cd’s and have a page “Artists”. To add “New Artists” I made a custom post “Artist” with the plugin CPT UI, The post about the artist tells something about the artist and the released cd’. I will add the artists post to the Artist-page that they will visible on the web.
In the past i made for a new artist an Artist-page but I think this is not the right way because they will not be shown f.i. whit google.
The problem I have now is that This post has a lay-out with a sidebar and I will the artist post with full screen. this will not be shown in the page attributes option.

How to arange this?

Thanks and best regards,
Paul

[Paul]

Paul

#50321

Hello,

I am not an expert so need some help.

I have set up my site for selling cd’s and have a page “Artists”. To add “New Artists” I made a custom post “Artist” with the plugin CPT UI, The post about the artist tells something about the artist and the released cd’. I will add the artists post to the Artist-page that they will visible on the web.
In the past i made for a new artist an Artist-page but I think this is not the right way because they will not be shown f.i. whit google.
The problem I have now is that This post has a lay-out with a sidebar and I will the artist post with full screen. this will not be shown in the page attributes option.

How to arange this?

Thanks and best regards,
Paul

[Ben Ritner]

Ben Ritner

#50284

There isn’t a function in the theme to override all the templates but I can give you a custom one that would work if you use a child theme.

You can download a child theme here: https://www.kadencewp.com/wp-content/uploads/2014/02/virtue_premium_child.zip

and in the function.php file of the child theme add this:

add_filter('kadence_display_sidebar', 'kt_page_sidebar');
function kt_page_sidebar($sidebar) {
  if (is_page() && !is_page_template('page-sidebar.php') ) {
    return false;
  }
  return $sidebar;
}

Another option which would work too is done with css and you could just add this into the theme options > advanced settings. It’s not as clean because the sidebar output code is still going to be on the page although you wouldn’t see it unless you looked at the source code.

body.page .main.col-lg-9 {
    width: 100%;
    float: none;
}

body.page #ktsidebar {
    display:none;
}

Ben

[Mary]

Mary

#50251

I would like each page to be full width (that is, no sidebar). I see how to do that for Posts, and product pages etc, but not for regular pages. Can someone help please?

[Mary]

Mary

#50251

I would like each page to be full width (that is, no sidebar). I see how to do that for Posts, and product pages etc, but not for regular pages. Can someone help please?

[Sharon]

Sharon

#50243

Ben, can’t thank you enough. My Shop looks professional now. Now can you tell me why About Page and Contact Page has the text centered, but when you look at the pages online they are more to the left. Is it because I chose to have a sidebar on the right hand side of my Home Page? https://thegarageprojectonline.com/about-us/
Thanks again, you saved me hours of agonizing over what I was doing wrong, Sharon

[Jasmine]

Jasmine

#50170

I would like the listing of pages to be transparent similar to the listing we see when under META, when META is in a sidebar.

[Jasmine]

Jasmine

#50167

Hi, I use Pinnacle Premium 1.3.8 with a child theme.
I was able to locate how to make the whole “main content background” transparent, as well as just the “page content”, the “footer”, etc. But what I would like to make transparent is the background of menu items and the page list in custom sidebars.
I managed to put one of the custom sidebar to the left (on page id 24). When the width is smaller than 992px, the sidebar slides to the bottom (thanks to your help):

@media (min-width: 992px) {
body.page-id-24 .main.col-lg-9 {float:right;} }

and to apply special font and style to it:
.page-id-24 .sidebar {
font-size: 20px;
line-height:20px;
font-family: Courgette;
font-style: italic; }

How can I make the background transparent? The title of the sidebar is transparent but not the listing of the pages.
Ben has access to my site (sent private yesterday) and you can see what I mean if you click on the first 2 tabs.
Thanks!

[Jasmine]

Jasmine

#50167

Hi, I use Pinnacle Premium 1.3.8 with a child theme.
I was able to locate how to make the whole “main content background” transparent, as well as just the “page content”, the “footer”, etc. But what I would like to make transparent is the background of menu items and the page list in custom sidebars.
I managed to put one of the custom sidebar to the left (on page id 24). When the width is smaller than 992px, the sidebar slides to the bottom (thanks to your help):

@media (min-width: 992px) {
body.page-id-24 .main.col-lg-9 {float:right;} }

and to apply special font and style to it:
.page-id-24 .sidebar {
font-size: 20px;
line-height:20px;
font-family: Courgette;
font-style: italic; }

How can I make the background transparent? The title of the sidebar is transparent but not the listing of the pages.
Ben has access to my site (sent private yesterday) and you can see what I mean if you click on the first 2 tabs.
Thanks!

[Omar Lawson]

Omar Lawson

#50098

Just a quick note:Even if I don’t use Sportspress video input area but instead use the visual editor section with the url it still overlaps the sidebar, even when I use Pagebuilder to limit the row it does the same thing. If you take a look at the link I mentioned above you will notice that the video is now at the bottom of the page.
Thanks.

[Taylor]

Taylor

#50093

I can’t find the css to move the sidebar left when going to the suggested page: https://www.kadencewp.com/frequently-asked-questions/

Has it been moved?

Thanks

[Omar Lawson]

Omar Lawson

#50067

Just a quick question before this topic is closed: I inserted a video on this page http://www.wbajamaica.com/event/blitz-vs-saints/ for you to see how the video is not sized properly and is overlapping into the sidebar. Any suggestions to let the video stay within the page border?
I know you were answering the sticky header issue in the next topic but since you closed it this is an easy question. I currently notice that the dropdown menu on this site is detached and about half an inch away when at the top of the page before the menu shrinks after scrolling. Anyway to close that space?

[Omar Lawson]

Omar Lawson

#49978

Thank you Ben for the quick response. The CSS above works but I guess the only issue is that it elongates the poll box and make that row look really bad on an iPad.I may have to find another responsive polling plugin or keep it in the sidebar as I did on the inner pages of the website.

[Ben Ritner]

Ben Ritner

#49967

Hey,
So your plugin for the polls is not responsive css. It’s built with a set width instead of being fluid. You can force it to be fluid with css like this:

.yop-poll-container, .yop-poll-container li {
    width: 100% !important;
}

Your other facebook box is also not responsive. So it’s sticking into the sidebar. There isn’t any way to control that with css because its inside an iframe so you can’t force the width. Check your widgets settings and consider hiding it on certain screen sizes or starting out with a smaller size.

Ben

[Omar Lawson]

Omar Lawson

#49953

Hello Ben and Hannah. I’m having some issues using the Yop polls and Sportpress plugins with Virtue. If you can, please take a look at wbajamaica.com. If you notice viewing the site on a regular sized monitor on the home page the YOP Polls seems ok, but viewing it on an ipad the adjoining box featuring the WBA TV overlaps it. Also the sidebar on the frontpage seems to overlap the body of the page. Let me know if there is any custom css to force the body and its elements to be properly aligned on a tablet sized screen. Smart phone alignment is ok.

Thanks in advance.

[Omar Lawson]

Omar Lawson

#49953

Hello Ben and Hannah. I’m having some issues using the Yop polls and Sportpress plugins with Virtue. If you can, please take a look at wbajamaica.com. If you notice viewing the site on a regular sized monitor on the home page the YOP Polls seems ok, but viewing it on an ipad the adjoining box featuring the WBA TV overlaps it. Also the sidebar on the frontpage seems to overlap the body of the page. Let me know if there is any custom css to force the body and its elements to be properly aligned on a tablet sized screen. Smart phone alignment is ok.

Thanks in advance.

[Ben Ritner]

Ben Ritner

#49882

Hey,
You can make a custom menu for mobile. My suggestion is to add your categories to your mobile menu. They would have to click on the menu to get to your shop page and if that was a dropdown you are saving people one whole step and page load.

There isn’t css to force the sidebar above your content. What you can do is use this plugin: https://wordpress.org/plugins/widgets-on-pages/

That will give you a shortcode which you can add to your shop page and it will give you an extra widget area in you appearance > widgets page.

Then you can add your category widget to the new widget area and with the shortcode on the shop page it will show at the top.

To make it only appear for mobile surround the widget in a div with the classes : “.hidden-lg” and “.hidden-md”

so like this:

<div class="hidden-lg hidden-md">
ADD SHORTCODE HERE
</div>

Ben

[Zach]

Zach

#49863

Hi! I have a website using the Virtue Premium theme, it is a blog with a WooCommerce. We are an NBA themed company so we have several categories for our WooCommerce. I had to create a custom sidebar for my WooCommerce themes to properly organize them. It looks perfect on desktop, but on mobile my sidebar goes below my products, which forces my customers to scroll far too long.

I would like my sidebar to go above my products, and preferably as a drop down, but only for mobile. Like I said it is perfect for desktop. If I can’t do a drop down only for mobile I’m still okay with it just going above my products.

Is there css for this? Thanks

website link: http://www.downthestretchhoops.com
Shop Section

[Zach]

Zach

#49863

Hi! I have a website using the Virtue Premium theme, it is a blog with a WooCommerce. We are an NBA themed company so we have several categories for our WooCommerce. I had to create a custom sidebar for my WooCommerce themes to properly organize them. It looks perfect on desktop, but on mobile my sidebar goes below my products, which forces my customers to scroll far too long.

I would like my sidebar to go above my products, and preferably as a drop down, but only for mobile. Like I said it is perfect for desktop. If I can’t do a drop down only for mobile I’m still okay with it just going above my products.

Is there css for this? Thanks

website link: http://www.downthestretchhoops.com
Shop Section

[Donald]

Donald

#49628

Yeah, I was talking about the sidebar and footer, sorry I guess I should have mentioned that!

I just went through all my posts and all of the text that’s bolded with <strong> have been closed with </strong>. Although I noticed that in two of the posts that the link was before the bold code. For example <a href=""> followed by <strong> then the “text” then lastly </strong>. However, I have fixed that on those posts and I have looked through all the posts and all the code seems to be good. However, the sidebar and footer are still showing up with bolded text.

Donald

[Valerie]

Valerie

#49612

Hello Kadence people!

Complete idiot and WP virgin here! Please can anyone tell me:

1. How do I remove the faint grey line/rule that appears under my posts.
2. How do I get my Pages and Posts to start at the same vertical orientation. If you look at a page and post side-by-side, the title on the page is higher than the one on the post; and the sidebar on the page is lower than that on the post.

Link to my website.

[Valerie]

Valerie

#49612

Hello Kadence people!

Complete idiot and WP virgin here! Please can anyone tell me:

1. How do I remove the faint grey line/rule that appears under my posts.
2. How do I get my Pages and Posts to start at the same vertical orientation. If you look at a page and post side-by-side, the title on the page is higher than the one on the post; and the sidebar on the page is lower than that on the post.

Link to my website.

[Ben Ritner]

Ben Ritner

#49577

Ok, I was thinking you were talking about the post itself. And I saw that your content and post title wasn’t bold. I see that you are talking about the sidebar and below.

In your post, are you adding <strong> in the content and then not closing that out? you have to add a </strong> From what I can see you have at least one open strong tag.

Ben

[Ben Ritner]

Ben Ritner

#49536

Hey,
The issue is the size of your image: https://floridawriters.net/wp-content/uploads/2015/07/floridabookawards-grapic.jpg

It’s so small that isn’t not larger enough to be cropped to the size needed to fit the grid area. Since it’s too small to be cropped the width is stretched to fill the space required for the image. The same is true with this image:https://floridawriters.net/wp-content/uploads/2015/07/8548057127_64281ee69f_n.jpg

If you don’t plan to increase the image size then you can use this css:

.home_blog .home-sidebar .imghoverclass img {
  max-width: 100%;
  width: auto;
}

add that in your theme options > advanced settings.

Ben

[Ben Ritner]

Ben Ritner

#49287

Hey,
It’s not the theme that would control a login redirect. That would come down to a plugin. wp-members probably has a built in way to do this have you asked there support?

You can look at this plugin too: https://wordpress.org/plugins/peters-login-redirect/

As for adding items to your menu you can do that right in the appearance > menus page. Usually you can use a widget in like the sidebar if you want people to have there image showing and a logged in text. But you can also add something into the topbar. You can even add a widget and hide it from anyone not logged in with css using the .loggedin class that is in the body. If you want to do that I can get you the css as long as you added the widget.

Ben