Search Results for 'sidebar'

[Xuan]

Xuan

#91854

Alright, it is all in my custom css (I use child theme)

.topbarmenu ul li a {
font-size: 15px;
font-weight: 500;
font-style: normal;
}

.footernav ul li a {
font-size: 14px;
}

.widget_nav_menu ul li a {font-size:17px}
.widget_nav_menu ul li a { font-weight:500}
.sidebar .widget-inner li.sf-dropdown > a {
font-weight: bold;
}
.widget_nav_menu ul li a {color:#333;}

.home .virtue_banner {
display: none;
}
.page-id-31 .virtue_banner {
display: none;
}

.topbar-widget .virtue_social_widget {
float:right;
margin-left: 30px;
}

.form-search{
width: 180px;
}
#topbar-search form{
float: right;
margin-left: 15px;
}

#content .main {float:right;}

#kadbreadcrumbs {
float: none;
text-align: left;
font-size: 16px;
line-height: 16px;
}

.post-type-archive-product div#kadbreadcrumbs {
position: absolute;
left: 0px;
top: 60px;
}

.post-type-archive-product .page-header .col-md-6 {position:static;}
.post-type-archive-product .page-header {position:relative;}

.post-type-archive-product .page-header h1.page-title {margin-bottom:35px;}

[Ivan Panchev]

Ivan Panchev

#91837

Hello,

I want to change sidebar width to 20% and another part of page to 80%

.col-lg-3 {
width: 20%;
}

.col-lg-9 {
width: 80%;
}

Reduce padding between widgets

.woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav ul li span, .woocommerce-page .widget_layered_nav ul li a, .woocommerce-page .widget_layered_nav ul li span {
padding: 5px 5px 5px 5px;
float: left;
}

.widget {
margin-top: 0px;
}

.sidebar .widget-inner li {
line-height: 10px;
}

On PC everything look good, but on mobile images are not displayed correctly – images width not showing properly.

This is page *Login to see link

Thanks in advance.
Best regards,
Ivan

[Ivan Panchev]

Ivan Panchev

#91837

Hello,

I want to change sidebar width to 20% and another part of page to 80%

.col-lg-3 {
width: 20%;
}

.col-lg-9 {
width: 80%;
}

Reduce padding between widgets

.woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav ul li span, .woocommerce-page .widget_layered_nav ul li a, .woocommerce-page .widget_layered_nav ul li span {
padding: 5px 5px 5px 5px;
float: left;
}

.widget {
margin-top: 0px;
}

.sidebar .widget-inner li {
line-height: 10px;
}

On PC everything look good, but on mobile images are not displayed correctly – images width not showing properly.

This is page *Login to see link

Thanks in advance.
Best regards,
Ivan

[gaurav]

gaurav

#91776

Hello,

As I explore virtue theme, I am trying to address the below requirements at my site

The site is secondrecipe.com

1.I am looking to have 3 columns instead of 2 columns on the home page layout(excluding the sidebar).
(I tried using the pagebuilder, but I think it will require more expertise to do that.)

2. What is the best way to give a link on the main page which can list all the posts, instead of the user going to each category or archives ?

3.I am trying to look for an option where the footer is not broken in 2/3/4 columns but only 1 column.The footer layout option does not give that.

4. Do you have any comprehensive list of virtue short codes ?

Thanks
gaurav

[gaurav]

gaurav

#91776

Hello,

As I explore virtue theme, I am trying to address the below requirements at my site

The site is secondrecipe.com

1.I am looking to have 3 columns instead of 2 columns on the home page layout(excluding the sidebar).
(I tried using the pagebuilder, but I think it will require more expertise to do that.)

2. What is the best way to give a link on the main page which can list all the posts, instead of the user going to each category or archives ?

3.I am trying to look for an option where the footer is not broken in 2/3/4 columns but only 1 column.The footer layout option does not give that.

4. Do you have any comprehensive list of virtue short codes ?

Thanks
gaurav

[paul]

paul

#91737

Hi there
I am looking at different layouts for my single product pages. I have used the following code to disable the default single product image.
.postid-1211 .product-img-case {
display: none;
}
.postid-1211 .col-md-1211.product-summary-case {
width: 100%;
The only problem im getting is the image on the page wont extend any further towards the side bar. Is there a different code i must use for this as there is a lot of space between the image and the sidebar.
This is a link to the page in question.
*Login to see link
If you could please help with this matter
kind regards
Paul.

[paul]

paul

#91737

Hi there
I am looking at different layouts for my single product pages. I have used the following code to disable the default single product image.
.postid-1211 .product-img-case {
display: none;
}
.postid-1211 .col-md-1211.product-summary-case {
width: 100%;
The only problem im getting is the image on the page wont extend any further towards the side bar. Is there a different code i must use for this as there is a lot of space between the image and the sidebar.
This is a link to the page in question.
*Login to see link
If you could please help with this matter
kind regards
Paul.

[Kevin]

Kevin

#91729

That space is there because you’ve got a sidebar assigned.

If you want the page content to be full width, and for that widget to consistently appear in the same area on both mobile and desktop displays, you could use a full width template on the page. You can do that by going into the edit page area under Page Attributes.

If you’re not familiar with page builder, then I suggest going through this tutorial to help you get the hang of it faster.
https://www.kadencewp.com/using-page-builder-virtue-premium/

And instead of assigning that widget to the sidebar, you could create a page builder row that places it under all of your content.

This would allow your slider to be full width, as well as keep your widgets consistently in the same place on your page.

Let me know if this helps!

[Ben Ritner]

Ben Ritner

#91694

Hey,
You can use the custom menu widget. You can assign items in your apperance > menus and then call that menu into the sidebar with the widget.

In terms of styling you would need to use css if you wanted to change backgrounds and colors. We can help with that if you can post a link and tell us what colors you want.

Ben

[Hannah]

Hannah

#91693

I believe you’e referring to the custom menu widget, which is what I recommended above. Did you try that (Appearance > Widgets, but you would create the menu in Appearance > Menus)? If you’re adding it to your sidebar you should be able to use this css to change the background and font color:

.sidebar .menu li a {
    background: #999;
    color: #333;
}

You would just paste that in your custom css box in Theme Options > Advanced Settings.
Hope that helps!

Hannah

[Hannah]

Hannah

#91681

Hey Frank,
This css should work for you:

.sidebar a.button.wc-forward {
    background: #598743;
}

Hannah

[Casey]

Casey

#91661

Hi, I want my primary sideber to display my recent projects. But my graphics for the posts are n’t showing up?

*Login to see link

[Casey]

Casey

#91661

Hi, I want my primary sideber to display my recent projects. But my graphics for the posts are n’t showing up?

*Login to see link

[Hannah]

Hannah

#91631

Hey,
You can use the sidebar feature. You can create sidebars from Theme Options > Misc Settings then add content to them from Appearance > Widgets. You could use the custom menu widget for your case. Then on the edit page[s] you can select a sidebar template.
You can change the text/background/etc with css. What colors are you wanting? Could you post a link?

Hannah

[Melanie]

Melanie

#91558

Yes I did, but I tried to put availability into the sidebar php code and it doesn’t work?

So in the end I tried a few different names till this one worked.

[Ben Ritner]

Ben Ritner

#91552

How did you create this sidebar?

If you used the theme options > misc settings then you can just use the name.

Ben

[Melanie]

Melanie

#91551

Never mind I got it…

<?php if(is_active_sidebar(‘sidebar1’)) { dynamic_sidebar(‘sidebar1’); } ?>

[Melanie]

Melanie

#91544

Hi I have created a custom sidebar, called availability. Now I need to call this custom sidebar from my theme file, as I am placing it between my header and the slider.

<?php if(is_active_sidebar(‘custom-sidebar-name’)) { dynamic_sidebar(‘custom-sidebar-name’); } ?></div>

Can you tell me what id I would use please.

Thanks, Mel

[Melanie]

Melanie

#91544

Hi I have created a custom sidebar, called availability. Now I need to call this custom sidebar from my theme file, as I am placing it between my header and the slider.

<?php if(is_active_sidebar(‘custom-sidebar-name’)) { dynamic_sidebar(‘custom-sidebar-name’); } ?></div>

Can you tell me what id I would use please.

Thanks, Mel

[Ben Ritner]

Ben Ritner

#91504

The user isn’t an admin so I can’t see all your settings.. in terms of the background for the sidebar add this:

.main aside.col-lg-3.col-md-4 {
    background: #eee;
    border-left: 1px solid #444;
}

let me know if that’s what you want.

As for the blog page make sure you have not set a page in your settings > reading. Use the blog page template and make sure you have the page title enabled.

Ben

[Cécile]

Cécile

#91488

Thanks for your advices.

Functions : is correctly written . It was a mistake to copy text.

I removed the “sidebar.php” file because it had become useless.

However the display and uploading issu persists.

I see library files in list mode but not in grid mode.

When I want to add a photo to an article or product WooCommerce , I don’t have access to the library.

[Ben Ritner]

Ben Ritner

#91435

Functions… this is how it shows you start:

?<?php

That should be

<?php

This code should be called in an init function not just added:

register_sidebar(array('name'=>'sidebar2',
'before_widget' => '<div class="la classe">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>',
));

In your sidebar template you have an if statement but you don’t close it out?

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar') ) : ?>

you need to add the endif;

Ben

[Stefan]

Stefan

#91431

hmm…. another Idea: Is there a way to turn off the Sidebar for all Blogpost except one Kategorie via CSS/PHP, like this:

If Blogpost
If Kategorie =”xyz” then
display Sidebar
else
hide Sidebar
end
end

[Stefan]

Stefan

#91390

i want to remove the Sidebars for all posts

[Stefan]

Stefan

#91373

Hi Ben,

yes, it looks like a Problem with the Sidebar. I added a widget to the Sidebar, and the widget is shown. So you are right.

But i don’t understand why ! Setting in Post for Sidebar is: “Standard” and Blog Post Standard is “no Sidebar”

Stefan