Search Results for 'sidebar'

[Hannah]

Hannah

#243396

Looks like you’re limiting your sidebar width to 270px. Are you wanting to keep that the max width and increase the size of your main content area? Try adding this to your custom css box:

@media (min-width: 992px) {
.main.col-lg-9.col-md-8 {
    width: 80%;
}
aside#ktsidebar {
    width: 20%;
}
}

How does that work for you?

Hannah

[HeeJae]

HeeJae

#243377

Hey Hannah,
Thanks for your reply so quick! they are taken care of thanks to you.
got an another issue. I’ve changed it to full width and made a sidebar narrower, then the gap between them comes up.
Is there way to remove the gap while content on the right takes the area?

like this

[Janice]

Janice

#243241

Hi Ben and Hannah.

I saw the update this morning and tried that first before coming here.

The sidebar is back!

The only issue is it’s the Primary Sidebar and not the custom one I have set in the settings.

[Hannah]

Hannah

#243215

1. OK, I’m seeing something different now. Try using this css:

li.menu-member-directory.current-menu-item.current_page_item a:before {
color: #006a6e;
font-weight: 600;
opacity: 1;
}

2. Not sure why that wasn’t showing before. This css should remove that for you:

.sidebar .widget_nav_menu li a:after {
    display: none !important;
}

Let me know how that works for you!

Hannah

[Hannah]

Hannah

#243170

Hi Janice,
I can’t tell what is stopping your sidebar from outputting. Would you mind sending login info so I can take a look? You can set as a private reply.

Hannah

[Janice]

Janice

#243165

Hi there.

I previously had a sidebar set up on my products page. It has since disappeared, I’m trying to retrace my steps but I can’t figure out when.

Both the settings on the actual page and in Theme Options –> Shop Archive pages are set to display sidebar.

On the page it has the code <div class=”main col-md-12 kt-nosidebar clearfix” role=”main”>

Anyways I’m just wondering if I’m missing something as I can’t figure out why it’s doing this.

I will paste links in a reply.

[Janice]

Janice

#243165

Hi there.

I previously had a sidebar set up on my products page. It has since disappeared, I’m trying to retrace my steps but I can’t figure out when.

Both the settings on the actual page and in Theme Options –> Shop Archive pages are set to display sidebar.

On the page it has the code <div class=”main col-md-12 kt-nosidebar clearfix” role=”main”>

Anyways I’m just wondering if I’m missing something as I can’t figure out why it’s doing this.

I will paste links in a reply.

[Kassondra]

Kassondra

#243133

I have added a custom menu to the left sidebar for a set of pages. That menu has 1 main link and 9 second level links.

Problem 1: I am trying to create the bold effect for the small, square icon to the right of a second level menu item when the page corresponding with that menu item is the active page. So when the Testing page is active, the icon to the right of the word Testing should be bold. When the Members Directory page is active, the icon to the right of the words Members Directory should be bold.

Problem 2: When hovering over any of the 10 links in that left sidebar, an arrow inside a circle appears and slides to the right. I have tried Chrome, Brave, and Explorer on multiple computers as well as Chrome, Brave, and Safari on an iPhone. They all show exactly the same thing, exactly what I have shown you in the screenshot – the circle with an arrow in it.

[Kassondra]

Kassondra

#243099

This reply has been marked as private.

[Kassondra]

Kassondra

#243071

Hi,
It does have a sidebar. I’ve re-created the style of the WooCommerce Dashboard.

[Hannah]

Hannah

#243069

Hey,
The page you linked to doesn’t have a sidebar. Can you link to where you have the sidebar enabled?
Thanks!

Hannah

[William Ingogly]

William Ingogly

#243063

I can, on the other hand, change the icon via the media settings in the right sidebar:

[Kassondra]

Kassondra

#243057

This reply has been marked as private.

[Kassondra]

Kassondra

#243056

Hello,

I’ve figured out how to add an icon on the right of my li using before. How do style that icon when it’s active?

[Kassondra]

Kassondra

#243056

Hello,

I’ve figured out how to add an icon on the right of my li using before. How do style that icon when it’s active?

[Brandy]

Brandy

#242982

Hello Team Kadence!

I need to have the default for the ‘Display a sidebar on the Home Page?’ under Theme Options > Home Layout to default to ‘sidebar’, instead of ‘full’. I tried setting it using:

function wpto_home_sidebar_layout( $field ) {

$field['subtitle'] = __( 'The default is set to sidebar.', 'virtue_premium' );
$field['default'] = __( 'sidebar', 'virtue_premium' );

return $field;

}

add_filter( 'redux/options/virtue_premium/field/home_sidebar_layout/register', 'wpto_home_sidebar_layout', 1 );

I also tried:

function wpto_home_sidebar_layout( $field ) {

$field['subtitle'] = __( 'The default is set to sidebar.', 'virtue_premium' );
$field['default'] = 'sidebar';

return $field;

}

add_filter( 'redux/options/virtue_premium/field/home_sidebar_layout/register', 'wpto_home_sidebar_layout', 1 );

But neither seem to work. The subtitle (and any other field I want to use) do seem to work though. What is the best way to accomplish this? Thank you!

[Brandy]

Brandy

#242982

Hello Team Kadence!

I need to have the default for the ‘Display a sidebar on the Home Page?’ under Theme Options > Home Layout to default to ‘sidebar’, instead of ‘full’. I tried setting it using:

function wpto_home_sidebar_layout( $field ) {

$field['subtitle'] = __( 'The default is set to sidebar.', 'virtue_premium' );
$field['default'] = __( 'sidebar', 'virtue_premium' );

return $field;

}

add_filter( 'redux/options/virtue_premium/field/home_sidebar_layout/register', 'wpto_home_sidebar_layout', 1 );

I also tried:

function wpto_home_sidebar_layout( $field ) {

$field['subtitle'] = __( 'The default is set to sidebar.', 'virtue_premium' );
$field['default'] = 'sidebar';

return $field;

}

add_filter( 'redux/options/virtue_premium/field/home_sidebar_layout/register', 'wpto_home_sidebar_layout', 1 );

But neither seem to work. The subtitle (and any other field I want to use) do seem to work though. What is the best way to accomplish this? Thank you!

[Jonathan]

Jonathan

#242879

Hello,

I am reading about modifying layout of the search result but could only find this link here: *Login to see link

Is there any possibility to modify the search result layout?
– Remove sidebar widgets… even if I remove this, the display layout displays 3 columns and an area for the sidebar as empty
– Put in a search form before the search result entries?

Thanks

[Jonathan]

Jonathan

#242879

Hello,

I am reading about modifying layout of the search result but could only find this link here: *Login to see link

Is there any possibility to modify the search result layout?
– Remove sidebar widgets… even if I remove this, the display layout displays 3 columns and an area for the sidebar as empty
– Put in a search form before the search result entries?

Thanks

[Sharon]

Sharon

#242684

I was able to fix the blog page so content and correct sidebar is there now. And I found a post carousel block to put at the top of the blog page. Sorry to bother you.

• This reply was modified 6 years, 4 months ago by Sharon.

[Sharon]

Sharon

#242677

I created another sidebar, but instead of it showing up on the blog post page, the primary sidebar is still there. The intro content on the page isn’t showing up either. What am I missing here?

*Login to see link

I can create a admin login if you need it.

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

[Sharon]

Sharon

#242677

I created another sidebar, but instead of it showing up on the blog post page, the primary sidebar is still there. The intro content on the page isn’t showing up either. What am I missing here?

*Login to see link

I can create a admin login if you need it.

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

[Colin]

Colin

#242566

When using plugin betterdocs the footer width gets messed up and the side bar shows under the footer. This happens with other similar plugins that I have tried. Any ideas why?

*Login to see link

[Colin]

Colin

#242566

When using plugin betterdocs the footer width gets messed up and the side bar shows under the footer. This happens with other similar plugins that I have tried. Any ideas why?

*Login to see link

[adventuretravelcoach]

adventuretravelcoach

#242510

Hey Hannah,

I went into Kadence Blocks but it says the following:

Ben Ritner – Kadence WP
Donate to this plugin »
Warning: This plugin has not been tested with your current version of WordPress.

However in my dashboard it confirms that my plugins are all updated.

Last checked on December 28, 2019 at 2:50 pm. Check Again

You have the latest version of WordPress. Future security updates will be applied automatically.

Kadence Blocks – Gutenberg Page Builder Toolkit
Description Installation Changelog Screenshots Reviews
Version: 1.7.10
Author: Kadence WP
Last Updated: 4 days ago
Requires WordPress Version: 5.2 or higher
Compatible up to: 5.3.0
Active Installations: 50,000+
WordPress.org Plugin Page »
Plugin Homepage »
AVERAGE RATING

5.0 rating based on 49 ratings
(based on 49 ratings)

REVIEWS

Read all reviews on WordPress.org or write your own!

5 stars 48
4 stars 1
3 stars 0
2 stars 0
1 star 0
CONTRIBUTORS

Ben Ritner – Kadence WP
Donate to this plugin »
Warning: This plugin has not been tested with your current version of WordPress.
This plugin adds custom blocks and options to extend Gutenberg’s editing capabilities so you can create custom layouts and more engaging content. This plugin is meant to be a toolkit that makes the WordPress block editor capable of creating content usually only possible through popular page builder plugins. For example, with the Kadence Row Layout Block you can better control columns for different screen sizes plus it gives you full row editing tools like padding, backgrounds, overlays with gradients, vertical-align and much more.

Try Kadence Blocks

Demo Testing

Custom Blocks Include

Row Layout – demo
Advanced Gallery – demo
Form – demo
Advanced Heading – demo
Advanced Button – demo
Tabs – demo
Accordion – demo
Testimonials – demo
Icon – demo
Spacer / Divider – demo
Info Box – demo
Icon List – demo
Video Tutorial

Key Block Features

The Row Layout block can have 1-6 columns, and any other blocks can be nested inside. So as a single column block, it’s a robust wrapper because you can create very custom backgrounds and define padding, margin, and dividers both for desktop and mobile layouts.

The Advanced Gallery block allows you to add photo galleries in a masonry, grid, carousel, fluid width carousel or slider style. Enjoy four different optional caption locations, each with options to style font, background, etc. Within each gallery, you can define the thumbnail ratio, add an image filter, set a border radius, and add box shadows. You can make each image a custom link to another page or website. Or you can easily enable a built-in lightbox. Plus you can select which image size to use for your thumbnails, and lightbox image for ultimate performance.

The Advanced Heading block provides full control for your headings, including font family (all google fonts), font weight, font style, font size (with tablet and mobile options), line height, color, letter spacing, alignment, and margin. Plus you can define part of the heading as a highlight and style it uniquely.

The Advanced Button block allows you to have up to five buttons side by side. You can control each individually, both with static and hover styles, and each button can have an added icon next to the text. This block even supports video links that open in a popup all built in!

The Tabs block is highly customizable with unique tab title settings for spacing, color, icons, and text. You can set up vertical or horizontal tabs, plus there are options to switch to an accordion setup for mobile. Each tab content is an empty canvas able to contain any other block within it.

The Testimonial block has four built-in preset styles to choose from and allows you to add a carousel or grid of testimonials right into your page or post. You can then customize the colors, fonts, size, border, and shadow to your liking.

The Icon block enables you to add an SVG icon right into your page. There are over 1500 icons to choose from, and with each, you can control the size, color, background, border and add a link.

The Spacer / Divider block allows you to optionally show a divider inside an area with a drag-able height. The divider has style options allowing you to set the width, height, color, line style, and opacity.

The Info Box Block is a box link containing an icon or image and optionally a title, description and “learn more” text. Configure padding, fonts, backgrounds, borders, and style static and hover colors even show a box shadow.

Editor Max Width

One of the challenges with creating column and row layouts in Gutenberg is the width of the editor in your admin. By default, Gutenberg uses a 650px max width for the content editor. When adding text to a sidebar template, this works great, as the max width in the editor is comparable to the content width when using a sidebar. However, for content going into pages where you don’t have a sidebar, it is a poor representation of what you are going to get on the front end of your site. Not to mention, it makes for a cramped space to work in if you are trying to manage a row with three columns.

In an effort to create an easier way to use Gutenberg in a more “page building experience” we created a simple method that allows you to change the default max width for pages and posts, as well as individually through a page by page setting.

Source files

github

Support

We are happy to help as best we can with questions! Please use the support forums.

[Hannah]

Hannah

#242481

Hey John,
There is not an option (yet!) to add blocks to a widget area. But there are some widgets that may get you the look you want. For example, the Virtue Image Menu Item widget. You could add that to your sidebar from Appearance > Widgets.
Virtue premium has an option for a sitewide footer shortcode. You could use the Kadence Slider to create a slider with images and links to your desired pages. Then you can paste the slider shortcode into the above the footer shortcode output from Theme Options > Footer.
Would either of these options work for you?

Merry Christmas to you as well!

Hannah