Search Results for 'sidebar'

[Ben Ritner]

Ben Ritner

#197179

Hey it’s actually in your theme options > custom css box. Scroll down till you see this section:

.panel-grid-cell .widget-title {
    font-size: 20px;
    background: #00aeef;
    color: white;
    line-height: 20px;
    padding: 8px;
    font-weight: 200;
    display: inline-block;
}
.sidebar .widget-title span {
    background: transparent;
    padding: 0;
}
.sidebar .widget-title{
font-size: 20px;
    background: #00aeef;
    color: white;
    line-height: 20px;
    padding: 8px;
    font-weight: 200;
    display: inline-block;
margin-bottom: 10px;
}

Update it with this:

.panel-grid-cell .widget-title {
    font-size: 20px;
    background: #dd3333;
    color: white;
    line-height: 20px;
    padding: 8px;
    font-weight: 200;
    display: inline-block;
}
.sidebar .widget-title span {
    background: transparent;
    padding: 0;
}
.sidebar .widget-title{
font-size: 20px;
    background: #dd3333;
    color: white;
    line-height: 20px;
    padding: 8px;
    font-weight: 200;
    display: inline-block;
margin-bottom: 10px;
}

Ben

[Ben Ritner]

Ben Ritner

#197029

Correct it won’t affect the cyclone slider. You can make it even more specific with css like this:

.sidebar .virtue_carousel_widget .kt-content-carousel .blog_item .subhead, .sidebar .virtue_carousel_widget .kt-content-carousel .blog_item .entry-content {
    display:none;
}

But it should have any conflicts with anything else.
Ben

[Andrew]

Andrew

#197027

Hi, Hannah

yes, that seems to have done the trick! Thanks for your help (and patience!). When you say it will be specific to carousels within my sidebar, that’s just the ‘Virtue: carousel’ widget, right? So it won’t imact the Cyclone slider Widget in any way? 8I plan to use that for some other things in the sidebar which is why I’m asking).

Thanks again.

Andrew.

[Hannah]

Hannah

#197026

Hey Andrew,
This css will be specific to carousels within your sidebar:

.sidebar .slick-slide .entry-content.color_body, .sidebar .slick-slide .subhead {
    display: none;
}

Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#197024

Add it to your sidebar and post here with it live, then I can get you the best css.

Ben

[Andrew]

Andrew

#197006

Hi Ben,
Thanks for that. I had previously tried hiding the date everywhere on the theme options, but it still appeared on the widget in the sidebar for some reason… But in any case, if I am to use css, I would prefer to add the css to change the carousel slider so that it hides the excerpt, as that looks better and already leaves out the date… Could you tell me what I need to write for that (so that it doesn’t clash with any other widgets I may add to the sidebar later)?
Thanks, Andrew.

[Kevin]

Kevin

#196971

Hello Warren,

I just tested and am able to activate the plugin just fine. You just need to place the shortcode where you want the search to display. So if you want it in a sidebar, go to Appearance> Widgets, and add the shortcode to a text widget in the desired sidebar.

If you have any further issues, I suggest you contact the plugin support. They should be able to help you get it setup better than I can since I’m not familiar with the plugin.

-Kevin

[Andrew]

Andrew

#196940

Yes, I removed it completely because it wasn’t entirely happy with the way it looked. I’ve tried the slider widget you mention and this is a lot better, but I don’t like or see the point of the excerpt here and there’s no option to omit it, ir to remove the date below the tiltle without having to remove the date from the actual post.

I’ve tried to revert back to the original recent post widget instead as that was overall still the better option despite the issues I mentioned in my original query. However, after removing thecss code you gave me and clearing the cache, I can no longer use that widget at all now (see previous comment) because it is not working as it was before.

I’m a bit wary of doing anything more now because after experimenting on the recent posts widget with the code you gave me, I can no longer use that widget at all because it’s not working as before even though I removed all the custom css code and cleared the cache (see my previous comment).

The problem with the widget now is that is shows NO thumbnail, just text, and even though tere appears to be a new tick box giving the option to include or exclude the date below the title, there is no longer any option to limit the recent posts to any particular category, as before. As it looks quite ridiculous I have removed it all together from the sidebar, which ios now completely empty.

So, all in all, I am much worse off than I was before I submitted my query.

Andrew

[Hannah]

Hannah

#196938

I’m not seeing the posts display in your sidebar at all anymore. Did you remove the widget altogether? Make sure that all your cache is being cleared.
Have you tried the virtue: carousel widget? That will display your posts in a slide.

Hannah

[Andrew]

Andrew

#196935

Yes, that’s done the trick, but will this effect other widgets I add to the sidebar in future? If so, I might just leave it off and find some other way of featuring these posts.

Looking at it now I will either limit this to 1 post or is there a way I can have the post images and summaries appearing one at a time in the sidebar as a sort of slideshow? If that’s too complicated, no worries. Just thought I’d ask while I’m here.

Thanks,
Andrew.

[Hannah]

Hannah

#196934

You’re correct in adding it to a text widget.
Try also adding this to your custom css:

.sidebar .col-md-5.post-image-container {
    width: 100%;
}
.col-md-7.post-text-container.postcontent h3 {
    font-size: 18px;
    line-height: 18px;
}

How does that work?

Hannah

[Andrew]

Andrew

#196933

Thank you both for your replies, i took it off because it wasn’t right, it’s back on now so you can see what I mean… Am I using the right widget for the right sidebar? it’s a text widget, not a custom html widget

[Hannah]

Hannah

#196922

Hi Andrew,
Rather than using the virtue recent posts widget, I would recommend adding a shortcode into a text widget. Like this:
[kad_blog orderby=date items=2 fullpost=false]
Then add this to your custom css box in Theme Options > Advanced Settings to remove everything besides the image and title:

.sidebar .postdate, .sidebar .subhead, .sidebar .postlist .entry-content, .sidebar .postlist footer, .sidebar .postlist p {
    display: none;
}

Does that work for you?

Hannah

[Andrew]

Andrew

#196911

Hello there,

I’m using the Recent Posts Widget in the primary sidebar but don’t like the way it looks and don’t want the date of the post to appear. Is there any way I can expand the thumbnail image so that it’s a square covering the full width of the sidebar, move the blog title below the thumbnail image and remove the date? Here’s a link to a page which displays the widget:

*Login to see link

Thanks and apologies if this is an inappropriate questions (I’m not an expert in these matters).

Andrew.

[Andrew]

Andrew

#196911

Hello there,

I’m using the Recent Posts Widget in the primary sidebar but don’t like the way it looks and don’t want the date of the post to appear. Is there any way I can expand the thumbnail image so that it’s a square covering the full width of the sidebar, move the blog title below the thumbnail image and remove the date? Here’s a link to a page which displays the widget:

*Login to see link

Thanks and apologies if this is an inappropriate questions (I’m not an expert in these matters).

Andrew.

[Ben Ritner]

Ben Ritner

#196829

Hey,
Yes virtue intentionally adds styling to events: http://themes.kadencethemes.com/virtue-premium-2/event/coffee-meeting-example-event/

You can undo this with css like this:

.single-tribe_events .kt-event-sidebar, .single-tribe_events .kt-event-main {
    width: 100%;
    float: none;
}

@media (min-width: 767px) {
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group {
    float: left;
    width: 33%;
}
}

Ben

[Ben Ritner]

Ben Ritner

#196798

@media (min-width: 992px){
    #content .main.kt-sidebar {
    border-left: 2px solid #e8e8e8;
}
}

Use that instead 🙂

Ben

[Mike]

Mike

#196795

I’m using this CSS:

@media (min-width: 992px) {
#ktsidebar {
border-right: 2px solid #e8e8e8;
}
}

to create a vertical divider between my left sidebar and the main content section on THIS SITE.

Is there any way to get this vertical line to extend all the way down to the footer when the main content outruns the sidebar? I hope that makes sense.

Thanks much!!

[Mike]

Mike

#196795

I’m using this CSS:

@media (min-width: 992px) {
#ktsidebar {
border-right: 2px solid #e8e8e8;
}
}

to create a vertical divider between my left sidebar and the main content section on THIS SITE.

Is there any way to get this vertical line to extend all the way down to the footer when the main content outruns the sidebar? I hope that makes sense.

Thanks much!!

[Kevin]

Kevin

#196435

Yeah, you can just add the padding properties to the above CSS like this:

@media (min-width: 992px) {
div#ktmain {
    width: 80%
    padding: 0;
}
aside#ktsidebar {
    width: 20%;
    padding: 0;
    }
}

-Kevin

[mrtwanstall]

mrtwanstall

#196432

Hi Kevin
Thank you that works well. Is it possible to squeeze a little more by reducing the padding/margin from right side of sidebar and left and right side of main page?
Thank you
Tom

[Kevin]

Kevin

#196425

Hello Tom,

Here is some CSS to adjust the width of the sidebar and main content. Try placing in Theme Options> Advanced settings Custom CSS box and let me know if it works:

@media (min-width: 992px) {
div#ktmain {
    width: 80%
}
aside#ktsidebar {
    width: 20%;
    }
}

You can adjust the width as needed.

-Kevin