Search Results for 'widget area'

[Kevin]

Kevin

#96568

You could accomplish this by going into Theme Options> Main Settings, set “Sidebar Side of page” to be Left.

Then, in Appearance> widgets, you should go in and assign a “Custom Menu” to your sidebar. You’ll have the option to assign an already existing menu to that area, but if you want a different menu to display, you’ll need to go into Appearance> Menus and setup the desired menu that you’ll assign to that area.

Hopefully that helps!

[Jennie]

Jennie

#96546

Hello again,

I’m now trying to modify the colours of the custom menu (ABOUT US) in my footer area 1.
I would like to change both the background and font colours, as well as the hover background and fonts colours.
My site is http://www.herbinjewellers.ca
This is what I’ve been playing with, still with no luck:

#footer .widget_nav_menu ul li a {
color: #5e5e5e;
background-color: #ffffff;
}

#footer .widget_nav_menu ul li a:hover {
color: #0236a6;
background-color: #ffffff;
}

Any suggestions would be much appreciated!
Thanks,
Jennie

[Jennie]

Jennie

#96546

Hello again,

I’m now trying to modify the colours of the custom menu (ABOUT US) in my footer area 1.
I would like to change both the background and font colours, as well as the hover background and fonts colours.
My site is http://www.herbinjewellers.ca
This is what I’ve been playing with, still with no luck:

#footer .widget_nav_menu ul li a {
color: #5e5e5e;
background-color: #ffffff;
}

#footer .widget_nav_menu ul li a:hover {
color: #0236a6;
background-color: #ffffff;
}

Any suggestions would be much appreciated!
Thanks,
Jennie

[Hannah]

Hannah

#96535

Hey Wayne,
You can turn your slider off in Theme Options > Home Slider. Then to add a grid of your products you can use a shortcode like this: [recent_products per_page="12" columns="3"] You can just paste that into a text widget within your home widget area (appearance > widgets). Just ensure the home widget area is enabled in Theme Options > Home Layout. Then if you wanted only the images to show you could add this to your custom css box in Theme Options > Advanced Settings:

.details_product_item {
    display: none;
}

Hope that helps!

Hannah

[Hannah]

Hannah

#96475

1. Change the above css to this:

.page-header {
    text-align: center;
}

2. What code do you mean? To add a widget to a page you would need to use something like page builder. Unless you added it to a widget area like the sidebar or footer.

Hannah

[Hannah]

Hannah

#96434

Hey,
You should be able to add it as a widget to your topbar widget area (appearance > widgets). Just ensure topbar widget area is enabled in Theme Options > Topbar Settings.

Hannah

[Hannah]

Hannah

#96429

Hey David,
So you can’t actually do this with css. You would have to add a custom function into a child theme.
A workaround would be to use the home widget area and add a row with a title and place it just above your icon menu. Does this work for you?

Hannah

[Pepper]

Pepper

#96242

I’m trying to add images around the body, footer, and widget areas. I want it to look like this site: *Login to see link but to be responsive.

What I have so far (body and widget only yet) isn’t lining up quite right. I’m sure there’s a better way. Can you please help me with this?

BODY
.wrap.contentclass {
background: url(http://…/content-mainbg-top2.png) no-repeat top / contain,
url(http://…/content-mainbg-bottom3.png) no-repeat bottom center / contain,
url(http://…/content-mainbg.jpg) repeat-y 50% 50% / contain;
clear:both;
padding: 50px 10px 20px 10px;
margin: 0 0 20px;
}

WIDGET:
.sidebar .widget h3 {
background:transparent url(http://…/widget-heading.png) no-repeat scroll 10px 14px;
display:block;
color: #352014;
font-family: ‘Lato’, sans-serif;
font-size: 22px;
font-weight: bold;
letter-spacing: 1px;
padding: 8px 30px 10px 50px;
}
.sidebar p {
font-size: inherit;
padding: 0 15px 15px 15px;
}

.sidebar .widget {
background: url(http://…/sidebar-widget-top3.png) no-repeat top center / contain,
url(http://…/sidebar-widget-bottom4.png) no-repeat bottom center / contain,
url(http://…/sidebar-widget-bg-left1.png) repeat-y left center / auto,
url(http://…/sidebar-widget-bg-right1.png) repeat-y right center / auto;
padding: 50px 10px 20px 10px;
margin: 0 0 20px;
overflow: auto;
}

.sidebar section.widget ul li {
background: url(http://…/separator.png) bottom center no-repeat;
}

.sidebar section.widget ul li a {
display: block;
background: url(http://…/arrow.png) no-repeat scroll 13px center;
padding: 8px 4px 8px 40px; }

FOOTER:
No ideas yet…

Thanks again.

[Pepper]

Pepper

#96242

I’m trying to add images around the body, footer, and widget areas. I want it to look like this site: *Login to see link but to be responsive.

What I have so far (body and widget only yet) isn’t lining up quite right. I’m sure there’s a better way. Can you please help me with this?

BODY
.wrap.contentclass {
background: url(http://…/content-mainbg-top2.png) no-repeat top / contain,
url(http://…/content-mainbg-bottom3.png) no-repeat bottom center / contain,
url(http://…/content-mainbg.jpg) repeat-y 50% 50% / contain;
clear:both;
padding: 50px 10px 20px 10px;
margin: 0 0 20px;
}

WIDGET:
.sidebar .widget h3 {
background:transparent url(http://…/widget-heading.png) no-repeat scroll 10px 14px;
display:block;
color: #352014;
font-family: ‘Lato’, sans-serif;
font-size: 22px;
font-weight: bold;
letter-spacing: 1px;
padding: 8px 30px 10px 50px;
}
.sidebar p {
font-size: inherit;
padding: 0 15px 15px 15px;
}

.sidebar .widget {
background: url(http://…/sidebar-widget-top3.png) no-repeat top center / contain,
url(http://…/sidebar-widget-bottom4.png) no-repeat bottom center / contain,
url(http://…/sidebar-widget-bg-left1.png) repeat-y left center / auto,
url(http://…/sidebar-widget-bg-right1.png) repeat-y right center / auto;
padding: 50px 10px 20px 10px;
margin: 0 0 20px;
overflow: auto;
}

.sidebar section.widget ul li {
background: url(http://…/separator.png) bottom center no-repeat;
}

.sidebar section.widget ul li a {
display: block;
background: url(http://…/arrow.png) no-repeat scroll 13px center;
padding: 8px 4px 8px 40px; }

FOOTER:
No ideas yet…

Thanks again.

[Hannah]

Hannah

#96205

Gotcha. So the search in the topbar won’t work if the topbar widget area is enabled. You would need to add a search widget to your topbar widget area.

Hannah

[mrtwanstall]

mrtwanstall

#96150

This reply has been marked as private.

[panduka]

panduka

#96079

Hi, Thank you so much Hannah, now its working grate…..
01)there is a slide problem , when i enable mobile menu it doesn’t appear on the mobile device, i tried so many ways like changing the font color and so on but still the primary menu doesn’t appear on any mobile device.
02)the next thing when the webpage open on a mobile browser the left “phone” icons and the right side “social media” icons overlap each icons( icon in the right and the icons in the left of the header widget area) looks so bad,
i have tried almost all the methods bit non of them working at the moment , if you can kindly have a look and please advice me what to do, thank you in-advance for your support . (website reference http://www.fayesmithmakeup.cf/)
Panduka

[BG Anders]

BG Anders

#96009

Hey again,

so i figured out a workaround on the shop page:

i put a filter widget in the header and repositioned the elements in the top area via position: absolute so that they align

is that bad, or has disadvantages ?

—————

you showed me how to make content wider (is now 90%), can we do that for the content in the topbar too ?

thank you,
B.

[mrtwanstall]

mrtwanstall

#95952

Hello I seem to be having cross browser issues.

In advanced styling I have the main content area set as transparent but I am using css to change a bit of the main content area (not sidebar) with coloured background. It works fine on firefox but chrome and IE not.

I’m using css to force style items on top of the main and the main itself. For example:

.main{height:100% !important;border-radius:25px !important;border:1px solid #9bbb58;background:#e6efe4 !important;}

.widget-inner {background:#cfd7cd !important;border-radius:5px;}

The problem is that when viewed in IE or chrome everything in the main content area is transparent. I hope that makes sense?

Any ideas on how I can get this to work please?

Thanks

[mrtwanstall]

mrtwanstall

#95952

Hello I seem to be having cross browser issues.

In advanced styling I have the main content area set as transparent but I am using css to change a bit of the main content area (not sidebar) with coloured background. It works fine on firefox but chrome and IE not.

I’m using css to force style items on top of the main and the main itself. For example:

.main{height:100% !important;border-radius:25px !important;border:1px solid #9bbb58;background:#e6efe4 !important;}

.widget-inner {background:#cfd7cd !important;border-radius:5px;}

The problem is that when viewed in IE or chrome everything in the main content area is transparent. I hope that makes sense?

Any ideas on how I can get this to work please?

Thanks

[Carla]

Carla

#95634

Yes, i understand now. It’s working.

Just one detail: it’s possible to have the Sidebar below posts?

I have a BlogPhotoGrid template, with Fullwidth – Span Screen Size activated.
If i show the Sidebar in the side, i will not have that configuration (make sense…).

It’s possible to control the position of Sidebar?

One possibility is to use widgets Footer Colunm 1, 2 and 3, but i’m using that for Footer.
Home Widget Area works only in HomePage.

Thank you,
Carla

[arantza.pe424]

arantza.pe424

#95618

Hi, Ben was right, I wasn´t adding the home widget area buttong into the enabled column. Now that I have done it, the thing appears at my home page, but it doesn´t appear very well(it is on so you can see what I mean), also the title is missing. I have realized I am going to have many different services that I would like to show in there, if I put it like a “posts view” won´t look very nice, I was wondering if this category of posts could be shown in a carousel? Sorry for the inconveniences, I appreciate your help very much. Thank you.

[arantza.pe424]

arantza.pe424

#95617

It is now working! 🙂 I was missing a step, which is moving the Home widget area button into the enabled colum.
There would only be one thing left to do, and it is that the title appears left instead of in the middle. How can I do to make it appear in the middle?
I appreciate so much your help, thank you for your pacience.

[arantza.pe424]

arantza.pe424

#95615

I have found the Siteorign editor thing and tryed with it.
This is what I´ve done:
I go to theme options –> home layout–> “elija una barra lateral para pagina de inicio”(choose a side bar for your home page)–> I choose Home widget area
Then I go to appearance –> widgets –> I take Siteorigin editor into Home widget area–> paste in there the shortcode [carousel type=cat-products orderby=date columns=4 items=8 speed=9000 scroll=all cat=fotos]
Still not working. Is there any step missing or something I am doing wrong?
Thank you

[Ben Ritner]

Ben Ritner

#95558

Hey,
Your issue is just with that one widget. Nothing to do with the widget area.

http://postimg.org/image/e02744x4x/

Your widget is broken, likely because of some code on the inside of the widget so you will need to remake this.

I strongly suggest using the page content inside your front page and not using the home widget area to control the entire home page. This way you can have revisions saved as part of the page that way you can revert back to a previous revision if the layout is broken again.

Ben

[mschlecht10]

mschlecht10

#95548

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#95545

Can you post a link and login so I can take a look. use “Set as private reply”.

Your saying in the footer widget area this works?

Ben

[mschlecht10]

mschlecht10

#95534

The Layout Builder will not “Open Builder” in the Home Page widget area. When I click on “Open Builder”, it doesn’t show anything for the layout builder. The Layout builder doesn’t work only in the Home Widget Area. It works fine in all other places. Layout Builder and Pinnacle are both updated.

Thanks!

[mschlecht10]

mschlecht10

#95534

The Layout Builder will not “Open Builder” in the Home Page widget area. When I click on “Open Builder”, it doesn’t show anything for the layout builder. The Layout builder doesn’t work only in the Home Widget Area. It works fine in all other places. Layout Builder and Pinnacle are both updated.

Thanks!