Search Results for 'sidebar'

[Hannah]

Hannah

#240490

Hey,
You should be able to hide your sidebar from your edit page under Page Layout Options. Do you see that? You can also hide it with this css:

.sensei .sidebar {
    display: none;
}

Your fonts are pulling from your h2 settings. You can adjust that from Theme Options > Typography. Or if you’re wanting to only change the h2 on only your sensei pages you can use this css:

.sensei h2 {
    font-size: 20px;
}

Hope that helps!

Hannah

[julian]

julian

#240389

Hi

We are using Events calendar + the pro version of the plugin, and a child theme

the default template seems to not be returning the events sidebar. i have located the function:

add_filter( ‘kadence_display_sidebar’, ‘kt_tribe_sidebar’ );
function kt_tribe_sidebar( $sidebar ) {
if ( tribe_is_event_query() ) {
return false;
}
return $sidebar;
}

Unclear why this would fail?

[julian]

julian

#240389

Hi

We are using Events calendar + the pro version of the plugin, and a child theme

the default template seems to not be returning the events sidebar. i have located the function:

add_filter( ‘kadence_display_sidebar’, ‘kt_tribe_sidebar’ );
function kt_tribe_sidebar( $sidebar ) {
if ( tribe_is_event_query() ) {
return false;
}
return $sidebar;
}

Unclear why this would fail?

[Dave]

Dave

#240261

I am back into the server by sftp.

I believe it’s my styles.css file that’s causing the problem. I changed the name of virtual-premium-child them to virtual-premium-child-old, and created a new virtual-premium-child directory. I placed the newest copies of these files in that server directory:

style.css
WholesalePage.css
function.php

When I tried to install that, I found two identical instances of the same error as in this screen shot.

https://gyazo.com/f5b7a56e5295963dfc02cfb40e5af23e

I opened style.css and found it was no longer formatted. I added this header

/*
 Theme Name:   Virtue Premium Child
 Theme URI:    http://example.com/virtue-premium-child/
 Description:  Virtue Premium Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     virtue_premium
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:  virtue-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

and I was then able to select it as my site theme, but WP wasn’t able to parse the code. Not sure what happened. Here’s what the unedited version of style.css looks like.

/* Theme Name: Virtue - Premium - Child Theme URI: http://example.com/ Description: Child theme for the Virtue theme Author: Dave Burrows Author URI: http://www.meadowcroft-dyeworks.com Template: virtue_premium Version: 0.1.0 */#wwof_product_listing_table select { width: 400px; }.product_item .product_price{display:none}.product_item .kad_add_to_cart,.product_item a.button{display:none}div.product .woocommerce-tabs ul.tabs li.additional_information_tab{display:none}.cart-contents .icon-basket:before { display:none;}.cart-contents i.icon-basket { width: 24px; background: url(http://meadowcroft-dyeworks.com/images/bag.png) no-repeat; height: 24px; margin: 0 auto; padding-right: 27px !important; padding-bottom: 8px;}.custom-icon-home {width: 44px;background: url(http://meadowcroft-dyeworks.com/images/home.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-home:hover {width: 44px;background: url(http://meadowcroft-dyeworks.com/images/home-hover.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-about {width: 33px;background: url(http://meadowcroft-dyeworks.com/images/about.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-about:hover {width: 33px;background: url(http://meadowcroft-dyeworks.com/images/about-hover.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-contact {width: 31px;background: url(http://meadowcroft-dyeworks.com/images/contact.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-contact:hover {width: 31px;background: url(http://meadowcroft-dyeworks.com/images/contact-hover.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-account {width: 31px;background: url(http://meadowcroft-dyeworks.com/images/account.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-account:hover {width: 31px;background: url(http://meadowcroft-dyeworks.com/images/account-hover.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-yarn {width: 26px;background: url(http://meadowcroft-dyeworks.com/images/yarn.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-yarn:hover {width: 26px;background: url(http://meadowcroft-dyeworks.com/images/yarn-hover.png) no-repeat;height: 32px;margin: 0 auto;}a:active {color: #008000;text-decoration: underline;}a:hover {color: #FF0000; /* red - doesn't display correctly */text-decoration: none;}a:link {color: #8a84a5; /* blue - displays correctly */text-decoration: underline;}a:visited {color: #261d3f; /* aqua - displays correctly */text-decoration: underline;}.product .kad_add_to_cart {text-transform: none;}#topbar-search #searchsubmit, .form-search .search-icon, #topbar-search input[type="text"], .topbarmenu ul li a {color: #493F66;border: medium;}#topbar-search input[type=text]:-moz-placeholder {color: #B6B6C5;background: #EDEDF7;}#topbar-search input[type=text]::-moz-placeholder {color: #B6B6C5;}.product_item .price { display: none;}

There’s not a lot of code here. I’m gonna try to figure it out. WholesalePage.css looks fine:

/**
* Product Listing Table
*
* Minimal default styling for the product table
*/
#wwof_product_listing_ajax_content .processing-overlay,
#wwof_product_listing_table_container .processing-overlay {
    background-color: rgba(255, 255, 255, 0.75);
}

#wwof_product_listing_ajax_content .loading-icon,
#wwof_product_listing_table_container .loading-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    width: 35px;
    height: 35px;
    background: url('../images/ajax-loader.gif') no-repeat top left;
}

#wwof_product_listing_filter {
    margin-bottom: 1em;
}

#wwof_product_listing_table tr th {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

#wwof_product_listing_table tbody tr td {
    min-height: 10em;
    display: table-cell;
    vertical-align: middle;
}

.wwof_product_listing_item_thumbnail {
    vertical-align: middle;
    margin-right: 10px;
}

#wwof_product_listing_table .variable_price .price {
    display: none;
}

/* Product listing actions column */
#wwof_product_listing_table .product_row_action .spinner {
    display: none;
    background: url('../images/spinner.gif') no-repeat scroll 0% 0% / 20px 20px transparent;
    opacity: 0.7;
    width: 20px;
    height: 20px;
    margin: 2px 5px 0px;
}
#wwof_product_listing_table .product_row_action .spinner.success {
    background-image: url("../images/check_icon.png");
}
#wwof_product_listing_table .product_row_action .spinner.error {
    background-image: url("../images/error_icon.png");
}

/**
* Popup
*
* Default styling for product details popup
*/
.fancybox-skin {
    padding: 25px !important;
}

.wwof-popup-product-details-container {
    display: block;
    width: 100%;
}

.wwof-popup-product-images {
    float: left;
    width: 38%;
}

.wwof-popup-product-images > img {
    max-width: 100%;
}

.wwof-popup-product-images .gallery {
    margin-top: 10px;
}

.wwof-popup-product-images .gallery img {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 40%;
}

.wwof-popup-product-summary {
    float: right;
    width: 58%;
}

.wwof-popup-product-summary .product-title {
    margin-top: 0;
}

.wwof-popup-product-summary .product-price {
    margin-bottom: 25px;
}

.wwof-popup-product-summary .product-rating {
    margin-bottom: 25px;
}

.wwof-popup-product-summary .product-rating .star-rating {
    font-family: star;
    font-size: 1em;
    height: 1em;
    line-height: 1em;
    overflow: hidden;
    position: relative;
    width: 5.4em;
    float: left;
    margin: 0.5em 4px 0 0;
}

.wwof-popup-product-summary .product-rating .star-rating:before {
    color: #e0dadf;
    content: "sssss";
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}

.wwof-popup-product-summary .product-rating .star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
}

.wwof-popup-product-summary .product-rating .star-rating span:before {
    content: "SSSSS";
    left: 0;
    position: absolute;
    top: 0;
}

select {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    width: auto;

I’ve got the child theme running again, but it’s still not right.

[Minhajul]

Minhajul

#240207

Hi Ben,

It’s exactly the way I wanted. I appreciate your quick assistance.

However, I also notice a similar problem with the JetPack Blog Post Subscription form. Could you please take a look at this on my Blog’s Sidebar?

Again, I want the button ‘Subscribe Blog’ to be full-width like the previous example.

Awaiting your response.

[Hannah]

Hannah

#240149

In your edit page under Page Layout Options you should see an option to enable a sidebar.
Sorry to steer you wrong with the shortcode! I copied it from woocommerce documentation but perhaps copied the wrong one? Glad you were able to make it work!
As for image and text, would it work for you to use the row layout block and add your image in one column and text in another? Or are you wanting a different look?

Hannah

[Robert]

Robert

#240068

Having some difficulty in getting it to look good. I can’t seem to add the “Shop Sidebar” to the “page”, which is some sort of widget. Seems to be automatic when you build it as a category, but when I try to create a page, I don’t know how to add the sidebar.

Also the shortcodes above didn’t work as described. Here is what I had to do to display a certain category:

[product_category columns=”4″ category=”batting-cages”]

It took a long time to figure that out. That “category” is not really the category I have, it is product category. Also Woocommerce doc didn’t say you had to use slug names. In fact there was no example using product_category or even product_categories. It was trial and (a lot of) error before I figured it out.

I guess I could have used [products columns=”4″ ids=”a bunch of numbers”], but that isn’t very descriptive.

Also I have difficulty inserting an image within a paragraph. I can’t seem to control it very well as I can in PageBuilder. And the next paragraph doesn’t flush left on the next line below the image. If the image is in the paragraph and the paragraph is not very long, the next paragraph stays indented next to the image. See the screenshot I uploaded.

[Mimi]

Mimi

#239947

Thank you soo much, the code removed the logo display.

I don’t understand the width 90% but that was probably done for a reason? {likely to get the menu to spread full width of something} I guess thats not standard? I might try removing it and see if the sidebar pops back up to the side, Without any other things going wrong.

Thank you for the direction I was now able to remove it from all pages except the reviews {testimonials} page.

[Marco]

Marco

#239923

Custom Sidebars are working on my POSTS and CATEGORIES, but NOT on PAGES.

These are the steps I am following to add a CUSTOM SIDEBAR to one of my PAGES.
1) I have created a CUSTOM SIDE-BAR (Theme Options-> Misc-> Create Sidebars.
2) Then I go to WIDGETS and I added some text to my custom Widget.
3) Then I edit the PAGE and select on PAGE ATTRIBUTES on the right menu and there on Choose Sidebar, I selected my CUSTOM SIDEBAR.
Then click on UPDATE the page.

However when I go to view the page it still shows the DEFAULT SIDEBAR, it doesn’t show my CUSTOM SIDEBAR.

This is the link:
*Login to see link

Thanks!

[Marco]

Marco

#239923

Custom Sidebars are working on my POSTS and CATEGORIES, but NOT on PAGES.

These are the steps I am following to add a CUSTOM SIDEBAR to one of my PAGES.
1) I have created a CUSTOM SIDE-BAR (Theme Options-> Misc-> Create Sidebars.
2) Then I go to WIDGETS and I added some text to my custom Widget.
3) Then I edit the PAGE and select on PAGE ATTRIBUTES on the right menu and there on Choose Sidebar, I selected my CUSTOM SIDEBAR.
Then click on UPDATE the page.

However when I go to view the page it still shows the DEFAULT SIDEBAR, it doesn’t show my CUSTOM SIDEBAR.

This is the link:
*Login to see link

Thanks!

[BG Anders]

BG Anders

#239916

Thank you Hannah, worked great.

Unfortunately I found another problem.
The Site uses “Restrict User Access” to hide a post category (MITGLIEDERBEREICH) from unregistred users, but I found a way to still get those posts.
Open a post single (on homepage bottom are a few) and go to the Sidebar > Archive > November 2019 …and that will show you also the “hidden” posts.

If one tries to access the category or it’s posts directly, the restriction plugin works fine.

Is there a way to leave one category out of this loop?
That archive widget is a bit limited, jet good to have on the sidebar. Hope you have some ideas.

[Ulla]

Ulla

#239905

Hello,

I have WordPress 5.2.4 and Kadence blocks 1.7.2 – but the using the row layout some chapters get very narrow. I wonder if it’s a thing in Gutenberg, that you cannot see the grid, as I drew here with green.

I attach a screenshot of the Bear pages. The blog pages won’t scroll till the end, that is the bottom of the footer.

Your tip about the blog page option, no sidebar, was great! I hadn’t noticed that.

Thank you,
Ulla

[Hannah]

Hannah

#239883

Hey,
I’m seeing the same background on your homepage and blog page. Can you send a screenshot of what you’re seeing?
It does look like you’re using a sidebar layout and no sidebar. You can turn off the sidebar layout from Theme Options > Blog Options > Display the sidebar on blog archives?.
Can you send a screenshot of your widgets getting cut off? I’m not seeing that.
Your gutenberg editor is not showing normal. What version of WordPress are you running? If you want to send login info I would be happy to look into that for you. You can set as a private reply.

Hannah

[Lisa]

Lisa

#239785

How do I change the width of the sidebar on my homepage?

• This topic was modified 6 years, 6 months ago by Lisa.

[Lisa]

Lisa

#239785

How do I change the width of the sidebar on my homepage?

• This topic was modified 6 years, 6 months ago by Lisa.

[Hannah]

Hannah

#239743

1. I’m seeing your link text reflect your basic styling settings. Can you link to an example of this not taking effect?

2. I changed your page template to fullwidth and the sidebar went away.

You need to update to the latest version of the theme. That could be related to why these little things are happening. You can download the latest version from here: https://www.kadencewp.com/my-account/my-api-downloads/

Hope that helps!

Hannah

[Hannah]

Hannah

#239738

Hey,
Your site is in maintenance mode so I’m unable to see how you have things set up. Have you selected the sidebar layout from Theme Options > Home Layout?

Hannah

[pdyoko]

pdyoko

#239737

This reply has been marked as private.

[Danielle]

Danielle

#239702

Hi Ben,

I know this is an old question, but has there been any progress with allowing a sidebar on the brand page?

Thanks
Danielle

[Ben Ritner]

Ben Ritner

#239686

1. The Kadence slider height will automatically decrease for smaller screens, you can override this but in this scenario it’s just decreasing at a certain width, it’s still not following the size of the image. The image is still background and still gets cut off based on the size of the slider which is determining the content the background is covering. For example here are two quick screenshots:

2. Your editing on a smaller screen but you are creating content for huge screens. Even your screenshot in windows shows that your design doesn’t fit in the smaller screen. When on your mac the button is being forced down further because you are out of space from your settings, for example, try hiding your left sidebar so you have more editing space and you’ll see the button not have to overflow.

3. “Why does your image have no white space after the menu but before the batting cage image? ” – I was partially scrolled down, the sticky header comes down with the scroll.

You can remove the top white space by adding css:

body.page #content .entry-content > .wp-block-kadence-rowlayout.alignfull:first-child {
    margin-top: -30px;
}

That will detect if your page is being edited with Kadence Blocks and if your first block is a row layout and is fullwidth which is a pretty good tell that you don’t want any top spacing. I may consider even adding it to the theme with more testing.

But you can also change your page layout setting to full content width which will remove the default top and bottom padding. Or inside the block you can add a negative top margin.

With pagebuilder there is css already added to detect if pagebuilder is being used and remove the top padding on the content, it’s css that is basically trying to get out of the way of pagebuilder settings.

I hope that helps!

Ben

[Rebecca]

Rebecca

#239585

The Blog Archives widget is disappearing from the sidebar of my client’s blog when the sidebar wraps to the bottom of the page in iPad portrait mode in Chrome and Firefox, and in iPad Pro portrait mode in Safari.

The dropdown displays fine on every other device that pushes the sidebar to the bottom of the page in portrait mode.

This is not happening on the demo site I imported, so I’m guessing there is some conflicting CSS.

Hoping you can help me identify the problem. I will provide screenshots and account access in a private reply.

• This topic was modified 6 years, 6 months ago by Rebecca.

[Rebecca]

Rebecca

#239585

The Blog Archives widget is disappearing from the sidebar of my client’s blog when the sidebar wraps to the bottom of the page in iPad portrait mode in Chrome and Firefox, and in iPad Pro portrait mode in Safari.

The dropdown displays fine on every other device that pushes the sidebar to the bottom of the page in portrait mode.

This is not happening on the demo site I imported, so I’m guessing there is some conflicting CSS.

Hoping you can help me identify the problem. I will provide screenshots and account access in a private reply.

• This topic was modified 6 years, 6 months ago by Rebecca.

[Kevin]

Kevin

#239419

Hello,
This is a strange one so I am not sure if you can help. I am using Ascend Premium on one of my sites. I am trying to use Softaculous to create a staging site to make some big changes. All goes well but the theme settings seem to revert to the default settings. From what I understand Softaculous will replicate the files and database and then push those back after changes are made. All of the data seems fine except for the record in the {dbname}_options table named virtue_premium, it seems to have the default settings from a fresh install. It starts like this
“a:292:{s:12:”boxed_layout”;s:4:”wide”;s:12:”sidebar_side”;s:5:”right”;s:12:”header_style”;s:8:”standard”;s:13:”header_height”;s:3:”120″;s:22:”side_header_menu_width”;s:9:”33.333333″;s:13:”sticky_header”;i:0;s:20:”shrink_center_header…..”

That same record on the live database starts like this
“a:397:{s:8:”last_tab”;s:2:”19″;s:12:”boxed_layout”;s:5:”boxed”;s:12:”sidebar_side”;s:5:”right”;s:12:”header_style”;s:8:”standard”;s:13:”header_height”;s:3:”120″;s:22:”side_header_menu_width”;s:9:”33.333333″;s:13:”sticky_header”;s:1:”0″;s:20:”shrink_center_header….”

Any ideas?
Thanks!
Kevin

[Kevin]

Kevin

#239419

Hello,
This is a strange one so I am not sure if you can help. I am using Ascend Premium on one of my sites. I am trying to use Softaculous to create a staging site to make some big changes. All goes well but the theme settings seem to revert to the default settings. From what I understand Softaculous will replicate the files and database and then push those back after changes are made. All of the data seems fine except for the record in the {dbname}_options table named virtue_premium, it seems to have the default settings from a fresh install. It starts like this
“a:292:{s:12:”boxed_layout”;s:4:”wide”;s:12:”sidebar_side”;s:5:”right”;s:12:”header_style”;s:8:”standard”;s:13:”header_height”;s:3:”120″;s:22:”side_header_menu_width”;s:9:”33.333333″;s:13:”sticky_header”;i:0;s:20:”shrink_center_header…..”

That same record on the live database starts like this
“a:397:{s:8:”last_tab”;s:2:”19″;s:12:”boxed_layout”;s:5:”boxed”;s:12:”sidebar_side”;s:5:”right”;s:12:”header_style”;s:8:”standard”;s:13:”header_height”;s:3:”120″;s:22:”side_header_menu_width”;s:9:”33.333333″;s:13:”sticky_header”;s:1:”0″;s:20:”shrink_center_header….”

Any ideas?
Thanks!
Kevin

[Jesse]

Jesse

#239369

Hi, I’ve just updated a client’s website to Ascend. Their website hasn’t been updated since 2012. I expected errors, but I’m not sure what to make of this. I’ve tested the Ascend theme here: *Login to see link

Their current site is here: georgiaexchange.org

It looks like the errors have something to do with the sidebar that was on the old website. I haven’t made any changes yet. Can you give me any direction on how to proceed?

[Jesse]

Jesse

#239369

Hi, I’ve just updated a client’s website to Ascend. Their website hasn’t been updated since 2012. I expected errors, but I’m not sure what to make of this. I’ve tested the Ascend theme here: *Login to see link

Their current site is here: georgiaexchange.org

It looks like the errors have something to do with the sidebar that was on the old website. I haven’t made any changes yet. Can you give me any direction on how to proceed?