Search Results for 'widget '

[Susanne]

Susanne

#241134

Hi Hannah
Thanks for pointing the way to the problem which was in the widget. I made a new and copied the content in. Couldn’t find the 500px.
There is a problem with the css you sent me, every time I change something in the row – the size of the boxes change too.
Can you make it, so it dosen’t change?

Regarding the text – you are right it is aligned to the left, which it should be. It is the ‘lines’ below the headline who need to be at the same height.
Can you help?

Thanks, Susanne

[Ben Ritner]

Ben Ritner

#241119

Your theme is adding this:

add_filter( 'allowed_block_types', 'od_keep_plugins_blocks' );
function od_keep_plugins_blocks( $allowed_blocks ) {
    // Widget, - und Pluginblöcke registrieren
    $registered_blocks = WP_Block_Type_Registry::get_instance()->get_all_registered();

    // Widgets deaktivieren
    unset( $registered_blocks[ 'core/latest-comments' ] );
    unset( $registered_blocks[ 'core/archives' ] );
    unset( $registered_blocks[ 'core/categories' ] );
    unset( $registered_blocks[ 'core/latest-posts' ] );
    unset( $registered_blocks[ 'core/calendar' ] );
    unset( $registered_blocks[ 'core/rss' ] );
    unset( $registered_blocks[ 'core/search' ] );
    unset( $registered_blocks[ 'core/tag-cloud' ] );

    $registered_blocks = array_keys( $registered_blocks );

    // Pluginblöcke mit der Whitelist mergen
    return array_merge( array(
        'core/image',
        'core/paragraph',
        'core/heading',
        'core/list',
        'core/columns',
        'core/group',
        'core/cover',
        'core/html',
        'core/button',
        'core/shortcode'
    ), $registered_blocks );

}

It’s some how breaking the editor and causing your issue.

[Susiyana]

Susiyana

#241101

Hi ben,

I would like to know how to add home widget social media instagram with address link also photo grid from instagram displayed on my homepage.
heres the sample of the other website i followed.

*Login to see link

scroll down below to see it thanks heaps awating for ur reply

[Susiyana]

Susiyana

#241101

Hi ben,

I would like to know how to add home widget social media instagram with address link also photo grid from instagram displayed on my homepage.
heres the sample of the other website i followed.

*Login to see link

scroll down below to see it thanks heaps awating for ur reply

[Hannah]

Hannah

#241094

It looks like that first row is being set to 500px. When you edit that widget, in the page builder settings do you see an option to adjust the height?

I’m currently seeing your title and text aligned left in all three boxes. Are you wanting something different?

Hannah

[Hannah]

Hannah

#241064

There isn’t a built-in way to add two Latest Blog Posts sections, but you could use the home widget area as your second blog posts section and display your posts within a certain category via shortcode. Have you tried the shortcode output?

Hannah

[Sharon]

Sharon

#241050

Since the sidebar consists of widgets, how can either an anchor or Kadence Tab block link to a widget or another page? I see that the Tab block has a Tab anchor option as well as the usual anchor option. Not certain how to use it for a widget or page link.

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

[Angelo Lazzari]

Angelo Lazzari

#241036

Hi, at the bottom of this page *Login to see link I used a 3 columns page-builder row with a ASCEND: recent post widget.

I needed to put a bottom margin of 250px otherwise the result was an overlapping with the footer area… see the image before the fix

[Angelo Lazzari]

Angelo Lazzari

#241036

Hi, at the bottom of this page *Login to see link I used a 3 columns page-builder row with a ASCEND: recent post widget.

I needed to put a bottom margin of 250px otherwise the result was an overlapping with the footer area… see the image before the fix

[Hannah]

Hannah

#241018

Hey Tara,
You can use the home widget area or your static homepage to add title text, then add your posts via shortcode. You can see a full list of shortcodes here: http://docs.kadencethemes.com/virtue-premium/shortcodes/
Would that work for you?

Hannah

[Dean]

Dean

#241017

Is there an area where I can tweak the settings for the Latest Blog Posts settings? For example, have it not include an image, but just list a title and excerpt?

Thanks,
Dean

[Dean]

Dean

#241017

Is there an area where I can tweak the settings for the Latest Blog Posts settings? For example, have it not include an image, but just list a title and excerpt?

Thanks,
Dean

[Richard]

Richard

#240991

I’ve used this theme twice before, but I’m not having much luck getting this theme to work for me this time.

I’ve always used the Slider Revolution in the past, but this time I’m using the Kadence Slider. I followed instructions in Kadence about displaying the Kadence Slider on the front page. I created one picture in the Kadence Slider area (see attached) and then went into Theme Options>Home Slider… I chose Kadence Slider Pro…Saved… went into the Widget area and pasted the shortcode. But, the slider is not working. What am I doing wrong?

[Richard]

Richard

#240991

I’ve used this theme twice before, but I’m not having much luck getting this theme to work for me this time.

I’ve always used the Slider Revolution in the past, but this time I’m using the Kadence Slider. I followed instructions in Kadence about displaying the Kadence Slider on the front page. I created one picture in the Kadence Slider area (see attached) and then went into Theme Options>Home Slider… I chose Kadence Slider Pro…Saved… went into the Widget area and pasted the shortcode. But, the slider is not working. What am I doing wrong?

[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

[bugit.xyz]

bugit.xyz

#240888

Hi,
Please see the attached screenshot of this page:
*Login to see link
You will note the empty rectangle just above and to the left of the Facebook Social Icon and Text, I’ve looked in the Widget and there’s nothing except the Facebook URL, strangely it only appears on this page, please advise, thank you.
Cheers.
Mark

[bugit.xyz]

bugit.xyz

#240888

Hi,
Please see the attached screenshot of this page:
*Login to see link
You will note the empty rectangle just above and to the left of the Facebook Social Icon and Text, I’ve looked in the Widget and there’s nothing except the Facebook URL, strangely it only appears on this page, please advise, thank you.
Cheers.
Mark

[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.

[JR]

JR

#240843

Okay, that works, sorry my fault, there was already a widget CSS custom code in there that was overriding yours, I got rid of all other related code and it works, BUT the line height is not having any effect, and the font is really far apart, I changed your number to smaller variations but no changes.

ALSO, I need the code to reduce size of the price under the products in these widgets, it is much bigger the product title

Here is all my other custom CSS in case there is another conflict with line height, though I dont see any

th.product-quantity, td.product-quantity {
display: none;
}

.quantity.buttons_added {
display: none;
}

.cartflows_step-template header {
display: none;
}

.cartflows_step-template footer {
display: none;
}

#nav-second ul.sf-menu>li {
width: 15%;
}

#WFItem5311204 {
margin: 0 auto;
}

body.home .products .product_item {
opacity: 1;
}

.products .product_item {
opacity: 1;
}

.widget_shopping_cart_content ul.product_list_widget li img {
display: none;
}

.topbarmenu ul li a {
font-family: sans-serif;
font-size: 14px;
}

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

[Hannah]

Hannah

#240823

This css should do it for you:

.virtue_social_widget a i {
    color: #333;
}

Hannah

[Hannah]

Hannah

#240811

Try using this css:

.widget-1.widget-first.topbar-widgetcontent.topbar-widgetcontain {
    float: right;
    margin: auto;
}

Hope it helps!

Hannah

[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