Search Results for 'widget area'

[Kevin]

Kevin

#222872

Odd, is the widget area you want at the left at the very top, like in this photo?:
https://postimg.cc/fJQBXpdL

-Kevin

[Jerry]

Jerry

#222870

Extras Logo Extras

Menu

Then

Widget Area
Second Widget Area

[Jerry]

Jerry

#222866

For some reason the Home Extras Widget Area appears to the right of the logo jammed up against Home Extras Widget Area (Second). https://wisconsin-websites.com/beejoyful/

[Jerry]

Jerry

#222861

Sorry about that. I did not refresh the screen. I did remove the search icon.

However, I have experimented with the Header Settngs and just cannot figure out how to target the widget area to the left of the logo.

Can you help?

Thanks.

[Kevin]

Kevin

#222856

I have responded to you here:
https://www.kadencewp.com/support-forums/topic/add-space-above-logo-and-widen-logo/

You can replace the search with a widget area in theme options> Header Settings.

-Kevin

[Jerry]

Jerry

#222850

I want to insert a text widget in that area. How can I remove the search icon? What widget is it in?

Thanks,

Jerry

[Jerry]

Jerry

#222850

I want to insert a text widget in that area. How can I remove the search icon? What widget is it in?

Thanks,

Jerry

[Joseph]

Joseph

#222817

So how do I access the Featured Services text?
this does not work:
.home-widget-box .widget-1 widget-first home-widget-area-widget widget_sow-editor .so-widget-sow-editor so-widget-sow-editor-base .siteorigin-widget-tinymce textwidget{
color: red;
}

from the page

<div class=”home-widget-box”>

<div class=”widget-1 widget-first home-widget-area-widget widget_sow-editor”>

<div class=”so-widget-sow-editor so-widget-sow-editor-base”>

<div class=”siteorigin-widget-tinymce textwidget”>

<h3 style=”text-align: center;”>Featured Services</h3>
</div>
</div>
</div>
</div> <!–home widget box –>

[Hannah]

Hannah

#222816

You can remove the text margin with this css:

.home-widget-area-widget h3 {
    margin: 0;
}

Hannah

[Joseph]

Joseph

#222802

Hi Hanna,
This will get rid of the small space. There is still space around the text. see page

.home-widget-area-widget {
margin-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-top: 1px solid #dd3333;
border-bottom: 1px solid #dd3333;
}

[Hannah]

Hannah

#222801

Oh sorry, somehow I missed that. You can use the same class to adjust the padding and margin. Like this:

.home-widget-area-widget {
    padding: 20px;
    margin: 20px;
}

What kind of effects are you wanting to make on the border?

Hannah

[Hannah]

Hannah

#222795

Hey Joseph,
I’m not seeing a widget area enabled on your homepage. What exactly are you trying to add a border to?

Hannah

[Joseph]

Joseph

#222794

trying to access home widget on home page *Login to see link

.home-widget-area-widget {
border-top: 1px solid #dd3333;
border-bottom: 1px solid #dd3333;
}
.home-widget-box {
border-top: 1px solid #dd3333;
border-bottom: 1px solid #dd3333;
}

I have identified these two classes and have borders drawn around the widget text. I would like to adjust the margin, border, and padding but cannot find the correct class names: (fromhome page)
<div class=”home-widget-box”>

<div class=”widget-1 widget-first home-widget-area-widget widget_sow-editor”>

<div class=”so-widget-sow-editor so-widget-sow-editor-base”>

<div class=”siteorigin-widget-tinymce textwidget”>

<h3 style=”text-align: center;”>Featured Services</h3>
</div>
</div>
</div>
</div> <!–home widget box –>

[Joseph]

Joseph

#222794

trying to access home widget on home page *Login to see link

.home-widget-area-widget {
border-top: 1px solid #dd3333;
border-bottom: 1px solid #dd3333;
}
.home-widget-box {
border-top: 1px solid #dd3333;
border-bottom: 1px solid #dd3333;
}

I have identified these two classes and have borders drawn around the widget text. I would like to adjust the margin, border, and padding but cannot find the correct class names: (fromhome page)
<div class=”home-widget-box”>

<div class=”widget-1 widget-first home-widget-area-widget widget_sow-editor”>

<div class=”so-widget-sow-editor so-widget-sow-editor-base”>

<div class=”siteorigin-widget-tinymce textwidget”>

<h3 style=”text-align: center;”>Featured Services</h3>
</div>
</div>
</div>
</div> <!–home widget box –>

[Hannah]

Hannah

#222371

On second thought, that setup would still place your image below the secondary menu. Another thought- what if you chose the header widget area layout from Theme Options > Main Settings. Then added an image to your widget area from Appearance > Menus. Then you can use the following css to align it all correctly:

@media (min-width: 992px) {
.col-md-4.clearfix.kad-header-left {
    width: 100%;
}
.kad-header-left:not(.col-md-12) #thelogo .kt-intrinsic-container {
    margin: auto;
}
.col-md-8.kad-header-widget {
    width: 100%;
}
}

Let me know how that works for you!

Hannah

[BG Anders]

BG Anders

#222209

Hi,

Short version: can i insert icons (without text) in the topbar through the menu setup?

Long version: on this topbar i need left a text and right social icons. Because i can’t have 2 widget areas i tricked it by inserting the text as a menu item without link and the icons through topbar widget.

Problem: Now the 2 phone numbers in the text on the left need to be clickable (tel:) so i can’t use the menu trick anymore, it needs to be a widget. So i’ll need to insert the icons through the menu if possible.

Or maybe you know another trick..

[BG Anders]

BG Anders

#222209

Hi,

Short version: can i insert icons (without text) in the topbar through the menu setup?

Long version: on this topbar i need left a text and right social icons. Because i can’t have 2 widget areas i tricked it by inserting the text as a menu item without link and the icons through topbar widget.

Problem: Now the 2 phone numbers in the text on the left need to be clickable (tel:) so i can’t use the menu trick anymore, it needs to be a widget. So i’ll need to insert the icons through the menu if possible.

Or maybe you know another trick..

[David]

David

#222074

Hi
I am trying to change the font color in my home widget area-layout builder-Ascend: image main menu. using Edit – Design font color however this is having no effect, do I need to alter a setting somewhere, please.

*Login to see link

Thanks

David

[David]

David

#222074

Hi
I am trying to change the font color in my home widget area-layout builder-Ascend: image main menu. using Edit – Design font color however this is having no effect, do I need to alter a setting somewhere, please.

*Login to see link

Thanks

David

[BG Anders]

BG Anders

#222026

Thank you Hannah,

i hate to the picky one here, but it’s not the same button – shadow, transition, padding, etc are not the same.

For this project i will make a button from scratch and use it eberywhere but hope there is a plan for this on future Theme updates.
Like i sayed, a way to insert blocks in the widget areas would be fantastic to have.

Thank you

[Hannah]

Hannah

#221995

Hi Anders,
One option is to add a visual editor widget to your above the footer widget area. Then you can add a button shortcode and add in your custom styling. Would that work for you?

Hannah

[Kevin]

Kevin

#221204

I’m not seeing the add in your header. Unfortunately I don’t think you can retain the original header design with the menu next to the logo while having the widget area active.

I’ve flagged this for a developer followup so Ben can take a look.

-Kevin

[Ben Ritner]

Ben Ritner

#220964

You have to add it to a widget area and turn it off in your menu is you want it to appear after the extras.

So add the widget to a headers extras widget and turn if off in your menu settings.

Then in your theme options drag the header extras into the order you want them to appear.

Ben

[Hannah]

Hannah

#220930

Hey,
You can add the virtue testimonial carousel widget to your home widget area from Appearance > Widgets. Then enable the home widget area from Theme Options > Home Layout.
Hope that helps!

Hannah