Search Results for 'widget '

[Ewelina]

Ewelina

#250794

This reply has been marked as private.

[Hannah]

Hannah

#250767

Hey,
You can add html like this to your topbar widget area: <a href="tel:1-555-555-5555">1-555-555-5555</a>
Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#250757

If you want that kind of style you can use CSS like this:

@media screen and (max-width: 767px) {
.footer-widget-area-inner {
    display: flex;
    justify-content: center;
}
}

[Ben Andersen]

Ben Andersen

#250752

See example screenshot. I’ve set the first widget to centered content. It aligns good in mobile view but I want the content itself to be left aligned. The second and third widget is left aligned and does not look good in mobile view as it should be in the middle…

[Ben Andersen]

Ben Andersen

#250750

Hello,

How can I center align the widgets in the footer without center aligning the content?
This is important in mobile view.

Thanks!

BenA

• This topic was modified 5 years, 11 months ago by Ben Andersen. Reason: note on mobile

[Ben Andersen]

Ben Andersen

#250750

Hello,

How can I center align the widgets in the footer without center aligning the content?
This is important in mobile view.

Thanks!

BenA

• This topic was modified 5 years, 11 months ago by Ben Andersen. Reason: note on mobile

[Hannah]

Hannah

#250729

The text and color control for the widgets should pull from your theme styling. Or if you want you can use css to set specific styling you can do so with css. If you post a link I would be happy to help with that.
If you want to send login info I would be happy to take at this for you. You can set as a private reply.

Hannah

[Kurshinel]

Kurshinel

#250712

This reply has been marked as private.

[George]

George

#250693

This reply has been marked as private.

[Hannah]

Hannah

#250690

but I get no control over the widgets

What exactly do you mean? That you cannot control which widgets are shown or you can’t edit the widgets after they’re added?

The archive template requires WooCommerce Elementor Pro. https://www.kadencewp.com/product/kadence-woocommerce-elementor/

Hannah

[George]

George

#250685

This reply has been marked as private.

[Hannah]

Hannah

#250633

Hi Anders,
Without a link it’s hard to know for sure, but that is likely pulling from an image widget in your footer. You can edit/remove the footer widgets from Appearance > Widgets.

Best,
Hannah

[Greg McKinnon]

Greg McKinnon

#250583

I try to use native WooCommerce widget filters as much as possible in sidebars. I’ll probably attempt to create a new widget area for product filters and output them in the "woocommerce_before_shop_loop" hook. Then I can add the native filters using a select box and display then inline across the top.

If I need more filtering functionality, I usually look at FacetWP.

[Kirianne Nicolson]

Kirianne Nicolson

#250580

This reply has been marked as private.

[Hannah]

Hannah

#250544

Hey Anders,
I don’t believe you can change the order of product categories within the product categories widget without adding a custom function into a child theme. Are you currently using a child theme?

Hannah

[paul]

paul

#250519

Hi Hannah . no I used the widget
http://largecarrot.com
Thanks Paul

[marc joseph]

marc joseph

#250464

Hi ben and Hanna
My home page *Login to see link take no more in count the ccs code in Option theme advanced css … :

/* FOR HOME PAGE 3 buttonslanguage choice No menu and no footer . The following code suppress the display of menu and footer only on mainhome landing template page */
home #kad-banner, .home #containerfooter {
display: none;
}

best Marc

/*STyle of the portfolios items … on a Portfolio page */
.portfolio_item .portfoliolink {
position: static;
border: 0px solid rgba(255,255,255,.5);
opacity: 1;
background: rgba(0,0,0,0);
border: 2px solid transparent;
}
.portfolio_item .piteminfo h5 {
margin: 0;
padding: 6px 0 6px 0;
color: #EEE;
}
.portfolio_item .piteminfo p {
color: #EEE;
}
.portfolio_item:hover .portfoliolink {
border: 2px solid rgba(255,255,255,1);
}

/* epaisseur police filter name du portfolio */
#filters li h5 {
color: #99a1a4;
font-weight:400;
}
/* color mouse over filter name on portfolio page */
#filters li h5:hover {
color: #fff;
}
/* pour mobile couleur du mot filter dans potolio page */
.filter-trigger {
color: #7593a0;
}
#filter-trigger:hover {
color: #fff;
}

/* rend transparent le backgrounddesarea de saisie de texte ds contact page */
#kad-feedback-new-post input.full, .contactform input.full, .wpcf7 input {
background-color: rgba(220,220,220, 0.7);
}
.wpcf7-form-control.wpcf7-textarea {
background-color: rgba(220,220,220, 0.7);
}

/* change la couleurdu texte du bouton submit dans contact */
.wpcf7 input.wpcf7-submit {
padding: 12px 18px;
font-size: 12px;
border: none;
display: inline-block;
color: #1b84e1;
background: #fff;
transition: background .6s ease-out;
-webkit-transition: background .6s ease-out;
-moz-transition: background .6s ease-out;
-o-transition: background .6s ease-out;
}

/* pour que la page 3 langues s’affiche sur Mobile */

@media (max-width: 780px) {
.so-widget-sow-hero-default-2da0f0801951 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {
height: auto !important;
}
}
/* to hide the right top bar widget on mobil only under a resolution */

@media (max-width: 768px) {
.topbar-widget {
display: none;
}
}
/* to suppress empty space before content of home page */

@media (max-width: 768px) {
.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper {
padding: 0;
}
}

/* margin top et bas du H5 titre du portfolio sous le logo */
h5 {
margin-top: 0;
margin-bottom: 0;
}

/* supprimer espacement avant la top bar en haut
#topbar {
margin-top: -20px;
} */

/* Espacement vertical dans le texte paragraphe de PAGE BIO à 30px dans le css de la page */

/* CODE POUR MOBIL REDUIRE LE FILTER PROJECT SUR MOBILE */
#filters li {
float: left !important;
margin-left: 15px !important;
margin-bottom: 10px !important;
}
#filters {
height: auto !important;
}
.filter-trigger {
display: none;
}

[marc joseph]

marc joseph

#250464

Hi ben and Hanna
My home page *Login to see link take no more in count the ccs code in Option theme advanced css … :

/* FOR HOME PAGE 3 buttonslanguage choice No menu and no footer . The following code suppress the display of menu and footer only on mainhome landing template page */
home #kad-banner, .home #containerfooter {
display: none;
}

best Marc

/*STyle of the portfolios items … on a Portfolio page */
.portfolio_item .portfoliolink {
position: static;
border: 0px solid rgba(255,255,255,.5);
opacity: 1;
background: rgba(0,0,0,0);
border: 2px solid transparent;
}
.portfolio_item .piteminfo h5 {
margin: 0;
padding: 6px 0 6px 0;
color: #EEE;
}
.portfolio_item .piteminfo p {
color: #EEE;
}
.portfolio_item:hover .portfoliolink {
border: 2px solid rgba(255,255,255,1);
}

/* epaisseur police filter name du portfolio */
#filters li h5 {
color: #99a1a4;
font-weight:400;
}
/* color mouse over filter name on portfolio page */
#filters li h5:hover {
color: #fff;
}
/* pour mobile couleur du mot filter dans potolio page */
.filter-trigger {
color: #7593a0;
}
#filter-trigger:hover {
color: #fff;
}

/* rend transparent le backgrounddesarea de saisie de texte ds contact page */
#kad-feedback-new-post input.full, .contactform input.full, .wpcf7 input {
background-color: rgba(220,220,220, 0.7);
}
.wpcf7-form-control.wpcf7-textarea {
background-color: rgba(220,220,220, 0.7);
}

/* change la couleurdu texte du bouton submit dans contact */
.wpcf7 input.wpcf7-submit {
padding: 12px 18px;
font-size: 12px;
border: none;
display: inline-block;
color: #1b84e1;
background: #fff;
transition: background .6s ease-out;
-webkit-transition: background .6s ease-out;
-moz-transition: background .6s ease-out;
-o-transition: background .6s ease-out;
}

/* pour que la page 3 langues s’affiche sur Mobile */

@media (max-width: 780px) {
.so-widget-sow-hero-default-2da0f0801951 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {
height: auto !important;
}
}
/* to hide the right top bar widget on mobil only under a resolution */

@media (max-width: 768px) {
.topbar-widget {
display: none;
}
}
/* to suppress empty space before content of home page */

@media (max-width: 768px) {
.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper {
padding: 0;
}
}

/* margin top et bas du H5 titre du portfolio sous le logo */
h5 {
margin-top: 0;
margin-bottom: 0;
}

/* supprimer espacement avant la top bar en haut
#topbar {
margin-top: -20px;
} */

/* Espacement vertical dans le texte paragraphe de PAGE BIO à 30px dans le css de la page */

/* CODE POUR MOBIL REDUIRE LE FILTER PROJECT SUR MOBILE */
#filters li {
float: left !important;
margin-left: 15px !important;
margin-bottom: 10px !important;
}
#filters {
height: auto !important;
}
.filter-trigger {
display: none;
}

[Hannah]

Hannah

#250436

1. Are you just wanting it to stretch the width of its container? If so, you can just move this css out from the media query:

.elementor-widget-container form.form-search {
max-width: none;
}

So you would change this:

@media (max-width: 768px) {
.elementor-32498 .elementor-element.elementor-element-5ccd290 {
width: 100%;
}
.elementor-widget-container form.form-search {
max-width: none;
}
}

to this:

@media (max-width: 768px) {
.elementor-32498 .elementor-element.elementor-element-5ccd290 {
width: 100%;
}
}
.elementor-widget-container form.form-search {
max-width: none;
}

2. Can you send a screenshot?

Thanks,

Hannah

[James]

James

#250431

Thanks Ben… Ok 1. Mobile search is full width and fantastic….

How can I achieve the exact same on desktop version of Printbymagic.com. – I want to make the search box 100%?

I tried inspecting and finding the element id but I must have it wrong slightly…
I tried:

@media (max-width: 768px) {
.elementor-32498 .elementor-element.elementor-element-5ccd290 {
width: 100%;
}
.elementor-widget-container form.form-search {
max-width: none;
}
}

2. Can I somehow make the minicart not go to the very bottom of the screen because that what stops them getting to the checkout or view cart buttons… so ideally these would appear above the chat bubble: See screenshot of how it currently obscures it and doesn’t handle perfectly so they cannot scroll down to find the checkout easily… With 1-3 products in no problems but as you add more the buttons gradually vanish… In an ideal world the view cart and checkout would always be visible instead of turning into a scroll bar as more products are added… this way they always know how to checkout.

Thanks for your wonderful support 🙂

[Ben Ritner]

Ben Ritner

#250400

Hey,
1. You can add this css:

header .nav-trigger .nav-trigger-case {
    margin-right: 0;
    margin-left: auto;
}

2. You can add this css:

@media (min-width: 992px){
    .header-widget-area-header .kt-ctaw.clearfix {
        min-height: 180px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

I hope that helps,

Ben

[Ben Ritner]

Ben Ritner

#250397

1. You can update this part:

.form-search {
max-width: none;
}

to this:

.elementor-widget-container form.form-search {
max-width: none;
}

2. The mini cart is a woocommerce thing, not a theme thing, the theme is just pulling in woocommerce widget.

I can probably help with css for an elementor widget, can you send a screen shot of what you are seeing and want to change?

Ben