Search Results for 'sidebar'

[Hannah]

Hannah

#240978

Hey,
I’m not seeing a sidebar on your homepage. Are you wanting it only for mobile view? Having your sidebar beside your main content on mobile is not advised as your content will have to shrink a lot so it will all fit.

Hannah

[Sharon]

Sharon

#240977

I want the mobile sidebar to be seen at the right of the logged in member homepage instead of at the bottom. Any ideas?

*Login to see link (this is the logged out homepage)

[Sharon]

Sharon

#240977

I want the mobile sidebar to be seen at the right of the logged in member homepage instead of at the bottom. Any ideas?

*Login to see link (this is the logged out homepage)

[Hannah]

Hannah

#240962

1. Sorry, you’re correct. I was looking in the wrong theme. This css will adjust your carousel arrows:

.kt-slickslider .slick-next, .kt-slickslider .slick-prev, .kt-slickslider-thumbs .slick-next, .kt-slickslider-thumbs .slick-prev {
    background: rgba(155,155,155,.9);
}
.kt-slickslider .slick-next:before, .kt-slickslider .slick-prev:before, .kt-slickslider-thumbs .slick-next:before, .kt-slickslider-thumbs .slick-prev:before {
    color: #fff;
}

2. This will adjust your social media icon and border colors:

.kt-header-extras .kadence_social_widget a, .mobile-header-container .kt-mobile-header-toggle button {
    color: #999;
}

3. This post answers that: https://www.kadencewp.com/knowledge-base/ascend-edit-topbar-search-font/

4. Sorry, you just need to add a space after “.sidebar”. Like this:

.sidebar .widget_product_categories ul li > a {
border-color: #424874;
}

Hannah

[tracy2]

tracy2

#240952

Hi again,

1. The sidebar CSS you provided worked great for the search field background and icon, thanks – would you be able to add the CSS needed to change the colour of the default text in the search bar (“Search Products…”) so that I can increase the contrast with the new background colour? Thanks!

2. This worked to change the colour of the decorative line to the right of the product category titles in the sidebar:

.sidebar .widget-title:before {
background: #2c2267;
}

Thank-you!

I also tried this, but it didn’t change anything:

sidebar.widget_product_categories ul li > a {
border-color: #424874;
}

I’m not sure if it was meant to change the un-hovered lines below the product categories, but you can see they’re still grey. None of the borders around other elements (social media icons, dropdown for sorting options, etc.) have changed.

Thanks,
Tracy

[Angelo Lazzari]

Angelo Lazzari

#240941

got it, thanks to your suggestion I check the sidebar…and a siteorigin post loop w there… creating the timeout…

Ben just a thing I was reading about you here https://www.kadencewp.com/about-us/ and clicking on the facebook page drove me to a not existing page…

thank you very much for your awesome help.

Angelo

[Hannah]

Hannah

#240880

Hey Tracy,
1. You can adjust your Sitewide Gray Fonts from Theme Options > Basic Styling. Does that affect what you’re after?

Sidebar:
1. This css will adjust your search colors:

form.woocommerce-product-search input.search-field {
    background: #333;
}
form.woocommerce-product-search button.search-submit {
color: #fff;
}

2. This css will affect your border colors and title lines.

.sidebar .widget-title:before {
    background: #999;
}
.sidebar.widget_product_categories ul li > a {
    border-color: #999;
}

Hope that’s helpful!

Hannah

[Hannah]

Hannah

#240870

This should reduce your line height:

ul.cart_list li a, ul.product_list_widget li a {
    line-height: 18px;
}

And this the product price:

.sidebar span.woocommerce-Price-amount.amount {
    font-size: 16px;
}

Hannah

[tracy2]

tracy2

#240855

Hi Kevin, so sorry for very late response – project was delayed for a while.

There are quite a few different greys I’d like to change – I’m not sure if many of them are sub-elements of others, and thus could be adjusted in groups? You can see them on https://rollieuk.com and https://roll.ie (almost clones of each other, just adapted for local currency and contact info):

1. I’d like to change the light grey borders around elements such as the Facebook and Twitter icons in the menu, and the ‘default sorting’ dropdown box and unselected view option box (list or grid view) as seen on, e.g., https://rollieuk.com/product-category/credit-card-rolls/.
2. I’d like to change other grey elements such as left and right arrow backgrounds (unhovered, hovered) on carousels, as can be seen on the front page of rollieuk.com.

In the sidebar, I’d like to change the greys as follows:

1. Search text input box – background colour, text, search icon
2. Line appended to sidebar header (e.g. Product Categories, Roll Dimensions) and underlines below categories (e.g. Laundry rolls, Till Rolls, Credit Card Rolls)

Let me know what you think.

(For the musician website I mentioned, I went with the Bandsintown tour widget for calendar, so that’s sorted, thank-you! I also installed Spotify and Apple Music widgets, tho’ they’re not displaying in IE – guessing that’s unrelated to the theme tho’!)

Thanks very much!
Tracy

• This reply was modified 6 years, 5 months ago by tracy2.

[Hannah]

Hannah

#240798

You can use this css to adjust the font size:

.sidebar span.product-title {
    font-size: 18px;
    line-height: 20px;
}

I’m not sure why the other css is not working. Try adding an important tag like this:

.woocommerce ul.product_list_widget li img {
    width: 100% !important;
}

Does that make a difference?

Hannah

[Ben Ritner]

Ben Ritner

#240745

Also check your sidebar widget area.

[pdyoko]

pdyoko

#240654

Y’all are the absolute best!

Thank you, Ben and Hannah. I do appreciate, as always, all of your suggestions.

Ben, I will consider your suggestion. And I will try both.

Regarding changing widths of content and sidebar…I have the maximum width for this site set at 1440px. Is there ever a reason that I would want to set the max width higher to 1740 px? Just curious.

Let me review your suggestions and I will respond back.
Thank you,
Pam

[Ben Ritner]

Ben Ritner

#240650

I don’t suggest changing this, the width of the sidebar and the content is responsive so it will change with different screen sizes.

If anything remove “the” but that is purely my suggestion.

You can add this css:

@media (min-width: 1200px) and (max-width: 1500px) {
.main {
    width: 70%;
}
.kad-sidebar {
    width: 30%;
}
}

Ben

[Hannah]

Hannah

#240649

Hey,
Try adding this to your custom css:

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

Hope it helps!

Hannah

[Hannah]

Hannah

#240626

Oh sorry! Change this:

.home_blog .home-sidebar article {
    border: 0;
}

to this:

.home_blog article {
    border: 0;
}

Hannah

[JR]

JR

#240623

Hi, in my sidebar, the Featured Products and Recently viewed widgets look terrible, the product featured images are distorted, like there is not enough space for them and they look all shmooshed

See it here- *Login to see link

Screenshot

[JR]

JR

#240623

Hi, in my sidebar, the Featured Products and Recently viewed widgets look terrible, the product featured images are distorted, like there is not enough space for them and they look all shmooshed

See it here- *Login to see link

Screenshot

[pdyoko]

pdyoko

#240598

Hi,

I’m sending link in separate message.

Need to nudge the sidebar a little bit wider so that one word will not wrap to the next line. I changed the word which is longer than the original word choice… thus the wrap. I have tried some codes but they are over-kill.

Any suggestions?
Thank you,
Pam

[pdyoko]

pdyoko

#240598

Hi,

I’m sending link in separate message.

Need to nudge the sidebar a little bit wider so that one word will not wrap to the next line. I changed the word which is longer than the original word choice… thus the wrap. I have tried some codes but they are over-kill.

Any suggestions?
Thank you,
Pam

[Hannah]

Hannah

#240556

Hey,
Your border surrounds the both the image and excerpt. You can remove it with this css:

.home_blog .home-sidebar article {
    border: 0;
}

If you want a border around just the excerpt you can use this css:

.home .kt-post-text-div.postcontent {
    border: 1px solid #777;
}

Hope that helps!

Hannah

[Hannah]

Hannah

#240513

There isn’t a way to add blocks to sidebar (yet!). What you could do is create a layout with a side column using the row layout block. Then you can add whatever blocks you want to that side column, giving it the same effect as a sidebar. Would that work?

Hannah

[phil2]

phil2

#240508

Thanks Hannah,

Yes I’d given that a go, but it doesn’t seem to save form entries in the same way that your form block does. Is there a way to call the form block from a sidebar shortcode?

Also as a way forward, this would enable other forms to be shown in the sidebar modal too.

Thanks,
Phil.

[phil2]

phil2

#240504

Hi Team,

I’d like to have a KT Form show up in a modal from a button in the sidebar.
The form pops up fine on a page but I’m unsure how to do it from a shortcode.

Please can you help?
Thanks,
Phil.

[phil2]

phil2

#240504

Hi Team,

I’d like to have a KT Form show up in a modal from a button in the sidebar.
The form pops up fine on a page but I’m unsure how to do it from a shortcode.

Please can you help?
Thanks,
Phil.