Search Results for 'widget '

[Anita]

Anita

#244797

Or just simply move shop sidebar to the top in mobile view with a css/media query? (And I should delete widget with filters from the Shop page?)

[Anita]

Anita

#244795

I’ve put basic WooC filter back. Have put a widget with filters to the Shop page. Filtering for attributes are ok. But when filtering for Categories, url moves to …./categories link from …../shop, so filters disappear again :((( Can you please take a look at that?

In addition, can you please write the css for:
– hiding shop sidebar in mobile view
– change filter titles font type from H3 to H4

Thanks a lot,
Anita

• This reply was modified 6 years, 2 months ago by Anita.

[J Windley-Daoust]

J Windley-Daoust

#244777

So, I have tried the following experiments…and now wondering whether it just makes sense to fix with a CSS bandage, as inelegant as that might be.

1. Removed css code styling the “Latest Posts” title.
2. Changed the order of the latest posts module to make it first in order, above page content and the home widget.
3. Removed the Home Widget Area.
4. Attempted changing various settings in the Latest Posts module, including the post output style and the number of posts output. Problem persists no matter what the post output format is.

Can’t think of anything else, but it seems like that css could be easily overridden, right?

[Hannah]

Hannah

#244763

Hi Judith,

1. This css should work for you:

.topbar-widgettitle.topbar-widgettitle-wrap {
    color: #000;
}

2. You can align with this css:

@media (max-width: 768px) {
div#logo {
    margin: 0;
}
}

Hope that helps!

Hannah

[Judith]

Judith

#244747

Hi there,

I’ve got 2 questions regarding a widget:
For the visual impaired my client would like to add a widget to the website to make the text bigger if they want.
This is there website.
I’ve added the Accessibility Widget to the topbar (left), but the font color is partially white, on a white background (you can’t see the text ‘Grote letters’). How can I change the font color?

I’ve already added this code in css:

.topbar-widget ul li a {
color:#000000;
}

.widget_accesstext ul{
list-style: none;
}

But this only makes the letters T (for normal en bigger text) black.
The second code I’ve added for removing a standard bullet that comes with it.

Also, when I look at the website on my phone I see that the logo is not aligned in the center, I think that’s because of the Accessibility Widget.

I hope you can help me to solve this problem,

Thanks in advance for your reply!

[Judith]

Judith

#244747

Hi there,

I’ve got 2 questions regarding a widget:
For the visual impaired my client would like to add a widget to the website to make the text bigger if they want.
This is there website.
I’ve added the Accessibility Widget to the topbar (left), but the font color is partially white, on a white background (you can’t see the text ‘Grote letters’). How can I change the font color?

I’ve already added this code in css:

.topbar-widget ul li a {
color:#000000;
}

.widget_accesstext ul{
list-style: none;
}

But this only makes the letters T (for normal en bigger text) black.
The second code I’ve added for removing a standard bullet that comes with it.

Also, when I look at the website on my phone I see that the logo is not aligned in the center, I think that’s because of the Accessibility Widget.

I hope you can help me to solve this problem,

Thanks in advance for your reply!

[Solace]

Solace

#244664

Hey Ben and team

Hope you are doing well.

I’m creating a custom sidebar – all good but even though I’ve given it a name in the theme options and added content to it in the appearance section, on the front end, I’ve noticed the custom sidebar name does not appear as a class or # name in the markup…. therefore making it more difficult for styling.

This is what I see:

<aside id="ktsidebar" class="col-lg-3 col-md-4 kad-sidebar" role="complementary" itemscope="" itemtype="*Login to see link
<div class="sidebar">
<section id="black-studio-tinymce-3" class="widget-1 widget-first widget widget_black_studio_tinymce">

etc!

Could you consider adding to the theme so that the custom name , ID or class shows up in the front end ? I’d really like to be able to style that particular sidebar using its custom name / id or class.

Thanks

[Solace]

Solace

#244664

Hey Ben and team

Hope you are doing well.

I’m creating a custom sidebar – all good but even though I’ve given it a name in the theme options and added content to it in the appearance section, on the front end, I’ve noticed the custom sidebar name does not appear as a class or # name in the markup…. therefore making it more difficult for styling.

This is what I see:

<aside id="ktsidebar" class="col-lg-3 col-md-4 kad-sidebar" role="complementary" itemscope="" itemtype="*Login to see link
<div class="sidebar">
<section id="black-studio-tinymce-3" class="widget-1 widget-first widget widget_black_studio_tinymce">

etc!

Could you consider adding to the theme so that the custom name , ID or class shows up in the front end ? I’d really like to be able to style that particular sidebar using its custom name / id or class.

Thanks

[Hannah]

Hannah

#244639

When editing your widget via page builder do you have the animations turned off under the Animation tab?

Hannah

[Josie Jordan]

Josie Jordan

#244606

On a site that made use of the Virtue Premium theme and Site Origin PageBuilder, I’ve converted every page and post to the block editor.
Is there any more cleanup I should do before removing the plugins

PageBuilder by Site Origin
Site Origin CSS
Site Origin Widgets Bundle

• This topic was modified 6 years, 2 months ago by Josie Jordan. Reason: forgot to mention every post now uses the block editor as well as every page

[Josie Jordan]

Josie Jordan

#244606

On a site that made use of the Virtue Premium theme and Site Origin PageBuilder, I’ve converted every page and post to the block editor.
Is there any more cleanup I should do before removing the plugins

PageBuilder by Site Origin
Site Origin CSS
Site Origin Widgets Bundle

• This topic was modified 6 years, 2 months ago by Josie Jordan. Reason: forgot to mention every post now uses the block editor as well as every page

[Hannah]

Hannah

#244584

That pulls from your primary color set in Theme Options > Basic Styling. Or you can use css to only target that:

.topclass .textwidget a {
    color: #000;
}

This css will align your link:

.topclass .textwidget {
    margin-top: 10px;
}

Hannah

[peter26]

peter26

#244561

Thanks Hannah, worked perfectly.

Related to this, I’d like to reverse the hover effect on the image menu items.

I found this post https://www.kadencewp.com/support-forums/topic/quick-way-to-reverse-image-menu-widget-behaviours-f-x/ but it doesn’t actually have the css the guy used!

For clarity: I’d like the image menu items to have the orange overlay and title/subtitle for the before state and then fade away on hover to a clear background image.

Thanks as always for the great support!

[Ewelina]

Ewelina

#244558

Yes, here you are:

https://instalacjawp.ewap.stronazen.pl/

I used text widget. One more problem that I noticed is that “link” is not vertically centered. I would also like to change it.

[J Windley-Daoust]

J Windley-Daoust

#244553

Hi guys,

I’m working on the homepage for this website, and if you scroll down toward the bottom, you’ll see that both the Latest Posts module (look for the header “New Words”) and the Home Widget Area run all the way to the edge of the screen — there’s no margin on either side, meaning that text and headlines bump right up against the edge.

Is this the way it is supposed to look, or should I be looking for a bug? Or a setting I’m missing? I just need 10-20px of white space on either side of those modules, which I might be able to get using CSS, but I wanted to check here first to see whether there’s something uniquely buggy going on on this site. Thanks!

[J Windley-Daoust]

J Windley-Daoust

#244553

Hi guys,

I’m working on the homepage for this website, and if you scroll down toward the bottom, you’ll see that both the Latest Posts module (look for the header “New Words”) and the Home Widget Area run all the way to the edge of the screen — there’s no margin on either side, meaning that text and headlines bump right up against the edge.

Is this the way it is supposed to look, or should I be looking for a bug? Or a setting I’m missing? I just need 10-20px of white space on either side of those modules, which I might be able to get using CSS, but I wanted to check here first to see whether there’s something uniquely buggy going on on this site. Thanks!

[Anita]

Anita

#244437

Wow, this is awesome!! You are great!

There is 1 thing however, I don’t understand: in mobile view, after filtering, filter widget disappears… Why?

Thanks a lot,
Anita

[Dustin]

Dustin

#244436

Oops! Much better when I add the closing brackets. The images and captions are now centered, but the left margin of 100px (which I added to a Layout Builder widget that contains Virtue Image widgets) still appears on mobile.

Also, I would like the headings and text (which are in SiteOrigin Editor widgets) below the image of the woman to be centered on mobile.

I am grateful for all of your help with this! What’s the best place for me to leave a positive review of your support?

Thanks,
Dustin

[Hannah]

Hannah

#244429

You’re not closing out any of your media queries in your css and it is affecting all css being added after. Make sure you have closing brackets for your media queries. So in your css change this:

@media (max-width: 992px) {
div#panel-397-0-1-0 {
    display: none;
}

@media (max-width: 992px) {
div#panel-397-0-0-0 {
    display: none;
}

@media (min-width: 992px) {
div#panel-397-1-0-1 {
    display: none;
}

@media (max-width: 768px) {
.kt-image-inner-contain {
text-align: center;
width: 100%;
}

.virtue_image_widget_caption {
text-align: center;
}

#pl-397 #panel-397-1-0-0 {
margin: 0;
}

to this:

@media (max-width: 992px) {
div#panel-397-0-1-0 {
    display: none;
}
}

@media (max-width: 992px) {
div#panel-397-0-0-0 {
    display: none;
}
}

@media (min-width: 992px) {
div#panel-397-1-0-1 {
    display: none;
}
}

@media (max-width: 768px) {
.kt-image-inner-contain {
text-align: center;
width: 100%;
}

.virtue_image_widget_caption {
text-align: center;
}

#pl-397 #panel-397-1-0-0 {
margin: 0;
}
}

Hannah

[Hannah]

Hannah

#244407

This will hide your second image on desktop:

@media (min-width: 992px) {
div#panel-397-1-0-1 {
    display: none;
}
}

Try this for centering your content on mobile:

@media (max-width: 768px) {
.kt-image-inner-contain {
    text-align: center;
    width: 100%;
}
.virtue_image_widget_caption {
    text-align: center;
}
#pl-397 #panel-397-1-0-0 {
    margin: 0;
}
}

Let me know how that works for you!

Hannah

[Hannah]

Hannah

#244403

One option would be to use a page builder plugin to add the filter as a widget into the content area of your shop page. Then you can use css and media queries to have that show only on mobile, and also to hide the sidebar filter on mobile. Would that work for you?

Hannah

[Dustin]

Dustin

#244349

This reply has been marked as private.

[Hannah]

Hannah

#244335

I would suggest just adding the image to the top of your page. Using pagebuilder, create a row and set your image as the background of the row. Then you can add an empty text widget to the row and add some padding. Would this work for you?

Hannah

[Hannah]

Hannah

#244306

Hey,
You can edit the contents of your sidebars from Appearance > Widgets.
Hope that helps!

Hannah