Search Results for 'widget '

[Anonymous]

Anonymous

#209817

Hello,

I am trying to turn all the font white in the row at the top of this page (over the green background):
*Login to see link

I was able to change the paragraph text white at the widget level by going to Edit >> Design >> Font Color

But when I entered #ffffff there, it *only* changed the parapgraph copy, NOT the font in the header tags.

I would like to use the different fonts I have set in the Typography section, but I cannot turn this font white at the website level because there are other places I am using it that need to remain dark (such as the front page).

I have tried multiple ways to override the H2 & H4 font color using html directly in the visual editor, and also by dropping css into the Widget Styles >> Attributes >> CSS Styles section, as below:

<style>

h2 {
color: #ffffff;
}
</style>

(and also without the <style> & </style> to see if that worked better)

Nothing I do seems to work, to make the H2 and H4 font turn white, other than changing it sitewide. Do you have a way I can change it for this widget only?

Thank you in advance!

[Anonymous]

Anonymous

#209817

Hello,

I am trying to turn all the font white in the row at the top of this page (over the green background):
*Login to see link

I was able to change the paragraph text white at the widget level by going to Edit >> Design >> Font Color

But when I entered #ffffff there, it *only* changed the parapgraph copy, NOT the font in the header tags.

I would like to use the different fonts I have set in the Typography section, but I cannot turn this font white at the website level because there are other places I am using it that need to remain dark (such as the front page).

I have tried multiple ways to override the H2 & H4 font color using html directly in the visual editor, and also by dropping css into the Widget Styles >> Attributes >> CSS Styles section, as below:

<style>

h2 {
color: #ffffff;
}
</style>

(and also without the <style> & </style> to see if that worked better)

Nothing I do seems to work, to make the H2 and H4 font turn white, other than changing it sitewide. Do you have a way I can change it for this widget only?

Thank you in advance!

[Ben Ritner]

Ben Ritner

#209796

You can remove woocommerce ordering dropdown with this css:

.kt_shop_top_container .woocommerce-ordering {
    display: none;
}

I went ahead and added for you.

Your attributes widget won’t show because it would be empty if it did show. That widget will only show where it can be used. You are setting it to filter by the attribute tags, not the taxonomy tags. See here: https://docs.woocommerce.com/document/managing-product-taxonomies/

That filter will only filter where you set the attributes to something that your products are assigned to.

I changed the attribute widget to filter on color so you can see how it works on your shop page.

hopefully this clears up that it has nothing to do with your sidebar1 not showing only your settings in the widgets you are adding.
Ben

[Hannah]

Hannah

#209682

Hi Amber,
You can float the form left with this css:

div#af-form-903588886 {
    margin-left: 0;
}

Or you can align your text to the right with this css:

.kt-pb-animation.kt-pb-fadeInRight.kt-pb-duration-2400.kt-pb-delay-600.panel-widget-style.panel-widget-style-for-63-0-1-0.kt-pb-animate {
    text-align: right;
}

Hope one of those works for you!

Hannah

[Ben Ritner]

Ben Ritner

#209614

Hey,
1. You can add this css:

.infobanner .home-message {
    background: rgba(0,0,0,.5);
}
.infobanner:hover .home-message {
    background: rgba(119, 79, 140, 0.6);
}

2. You can add this css:

.home-message h4 {
    font-size: 30px;
    font-weight: bold;
}

3. Worth noting your line-height setting on h3 is the reason for that overlap. But you can simply remove with this:

.hometitle:after, .sectiontitle:after, .widget-title:after, .home-message h4:after {
display:none;
}

I hope that helps,

Ben

[Joe]

Joe

#209591

Hi there

We’re looking to switch our theme from Virtue Premium to Ascend Premium. I understand we’ll need to reset widgets and menus, but I was wondering if the shortcodes will be transferrable (buttons, columns, etc). Also wondering if there is a recommended method for making the switch. Thanks in advance!

[Joe]

Joe

#209591

Hi there

We’re looking to switch our theme from Virtue Premium to Ascend Premium. I understand we’ll need to reset widgets and menus, but I was wondering if the shortcodes will be transferrable (buttons, columns, etc). Also wondering if there is a recommended method for making the switch. Thanks in advance!

[Ben Ritner]

Ben Ritner

#209579

<a href="mailto:[email protected]?Subject=Hello%20again" target="_blank" class="email_link" data-toggle="tooltip" data-placement="top" data-original-title="Email John Doe"><i class="icon-envelope"></i></a>

You can add that in as the email link. Place it inside the<div class="virtue_social_widget">div.

Ben

[Hannah]

Hannah

#209575

Try adding this to your custom css box in Theme Options > Advanced Settings:

@media (max-width: 768px) {
.header_widget a:link {
    color: #ffffff;
    font-size: 12px;
}
.col-md-8.kad-header-widget {
    width: 40%;
    float: left;
    padding: 0;
    margin-left:10px;
}
.col-md-4.clearfix.kad-header-left {
    width: 40%;
    text-align: left;
}
.header .nav-trigger .nav-trigger-case {
    width: 20%;
}
#kad-banner .row {
    float: left;
}
.headerclass .container {
    max-width: none;
    padding:0;
}
.stickyheader #kad-banner #logo a img {
    margin-top: -15px;
}
}

Let me know how that works for you!

Hannah

[Hannah]

Hannah

#209564

The text color of the phone number pulls from your h5 settings which can be set from Theme Options > Typography. Or you can use css like this:

.kad-left-header .siteorigin-widget-tinymce.textwidget h5 {
    color: #000;
}

This css will create a little distance:

img.alignnone.wp-image-922.alignleft {
    margin-right: 10px;
}

And this will widen your header:

.kad-header-menu-inner.container {
    max-width: none;
}

Hannah

[Ben Ritner]

Ben Ritner

#209541

ok, In your staff page scroll down to where you can set the “Use Staff Excerpt or Content?” there set it to excerpt.

Then go into each staff post and in the custom excerpt box add the Position title, content and icons like this:

<h5>Position</h5>

Excerpt Content here.

<div class="virtue_social_widget"><a href="#" target="_blank" class="facebook_link" data-toggle="tooltip" data-placement="top" data-original-title="Follow John Doe on Facebook"><i class="icon-facebook3"></i></a><a href="#" target="_blank" class="twitter_link" data-toggle="tooltip" data-placement="top" data-original-title="Follow John Doe on Twitter"><i class="icon-twitter2"></i></a><a href="#" target="_blank" class="instagram_link" data-toggle="tooltip" data-placement="top" data-original-title="Follow John Doe on Instagram"><i class="icon-instagram"></i></a><a href="#" target="_blank" class="linkedin_link" data-toggle="tooltip" data-placement="top" data-original-title="Follow John Doe on Linkedin"><i class="icon-linkedin"></i></a></div>

Ben

[info829]

info829

#209540

Page: *Login to see link

I want to customize the text on these images (Worship Schedule, Programs for Children, Events, and Sermons) to make them more readable:
screenshot 1:*Login to see link

screenshot 2: *Login to see link

I’d like to do this via drop shadow or a block of background color (like we did on the image at the top of the page: *Login to see link

These images were created using SiteOrigin Page Builder via Appearance > Widgets > Home Widget Area > Layout Builder (1), using “Pinnacle: Image Menu Item”. It’s unclear to me where to style this text in the ways I would like to.

I’ve tried the Pinnacle Portfolio option and after a lot of custom CSS we just weren’t able to get the look/function. This is why we switched the above option.

Thanks!

[info829]

info829

#209540

Page: *Login to see link

I want to customize the text on these images (Worship Schedule, Programs for Children, Events, and Sermons) to make them more readable:
screenshot 1:*Login to see link

screenshot 2: *Login to see link

I’d like to do this via drop shadow or a block of background color (like we did on the image at the top of the page: *Login to see link

These images were created using SiteOrigin Page Builder via Appearance > Widgets > Home Widget Area > Layout Builder (1), using “Pinnacle: Image Menu Item”. It’s unclear to me where to style this text in the ways I would like to.

I’ve tried the Pinnacle Portfolio option and after a lot of custom CSS we just weren’t able to get the look/function. This is why we switched the above option.

Thanks!

[Ben Ritner]

Ben Ritner

#209521

Wouldn’t it improve load speeds if, in sections where I know images are going to be displayed in a relatively small format, to use an image sized appropriately?

Yes, doesn’t mean you shouldn’t upload larger images though because you need to support retina. Basically to clarify you do want to select a smaller size in the image widget then your full size image but you don’t need to upload that small.

Ben

[Hannah]

Hannah

#209514

Sorry for the delay. To get the rest of your menu to appear, increase your header height in Theme Options > Header Settings. Then add this to your custom css box in Theme Options > Custom CSS:

li.menu-widget-area-kt {
    min-width: 200px;
}

Then rather than enabling a search in your header extras on the right, enable a second widget area and add a search widget.
The cart icon can be changed with css. Which icon are you wanting? http://themes.kadencethemes.com/ascend-premium/icons/

Hannah

[Milosz Pierwola]

Milosz Pierwola

#209502

Hey Kadence Team,

I noticed today that my Twitter button is not visible on my website *Login to see link .

I went into the Widgets to see if I forgot to add it or enable it, but it’s there. I tried changing it, but the button is still missing.

Can you help me out?

Thanks

[Milosz Pierwola]

Milosz Pierwola

#209502

Hey Kadence Team,

I noticed today that my Twitter button is not visible on my website *Login to see link .

I went into the Widgets to see if I forgot to add it or enable it, but it’s there. I tried changing it, but the button is still missing.

Can you help me out?

Thanks

[Kevin]

Kevin

#209484

Hey,

The best way to do this would be to use a page builder plugin to build your sidebars. You could setup a template thats used for all posts and pages and then just change out the widgets within your page builder layout.

Take a look at this post that covers the various plugins out there:
https://www.kadencewp.com/recommended-page-builders-for-wordpress/

Let me know if that works for you.

-Kevin

[dawnh]

dawnh

#209483

Hi,

… Thanks for responding so quickly Hannah. That’s just it I need to create thousands of Customized Sidebars & this would be impractical to manage from the WIDGET AREA because it seems that most of the Customize Sidebars plugins out there do not support a search for the Post and Page area other than a drop down menu… could you imagine me searching through a dropdown menu of thousands of sidebars…hehheh. I should re-word what I’m asking… Is it possible to create/edit customize sidebars directly from posts or pages without using widgets for them?

Thanks.

[Hannah]

Hannah

#209479

Hi Dawn,
You can create as many custom sidebars as you would like from Theme Options > Misc Settings. Then you can customize each from Apperance > Widgets and asssign them to your pages from your individual edit pages. Would that work for you?

Hannah

[dawnh]

dawnh

#209477

Hi,

I am building a very large website that I would like to change out the sidebar to each and every posts which would be impractical in the widget area to manage with any basic Customize Sidebar plugin that’s out there. Is it possible to edit/modify each page or posts of the sidebars in the Appearance / Customize area? I notice it is set to modify and change from the homepage, I don’t know if this is by default and can be changed.

Thanks.

Dawn

[dawnh]

dawnh

#209477

Hi,

I am building a very large website that I would like to change out the sidebar to each and every posts which would be impractical in the widget area to manage with any basic Customize Sidebar plugin that’s out there. Is it possible to edit/modify each page or posts of the sidebars in the Appearance / Customize area? I notice it is set to modify and change from the homepage, I don’t know if this is by default and can be changed.

Thanks.

Dawn

[karah.fredricks]

karah.fredricks

#209451

Thanks Hannah.

Yes, I was able to get each thing on the appropriate side of the screen. I am already using the 5th option for the header layout. However, I still need help with the widget widths. You can see the “1956” on the left side? That’s actually the last 4 digits of the phone number. And although the search icon is on the right side, I actually want the whole search bar on the right side, not just the icon. I also still need to find out about how to change the shopping cart icon (they want an actual cart, not a bag). Thanks!

[Hannah]

Hannah

#209446

Try this css:

.widget_recent_entries .widget-inner li a:before {
display: none;
}

Does that work for you?

Hannah

[Maureen]

Maureen

#209443

Hi Hannah that didn’t work for whatever reason. It’s still showing in the sidebar on that posts widget. Do you want me to send you the link to my site so you can see?