Search Results for 'widget area'

[Manuela]

Manuela

#28865

Hi Ben,
I need some support with the CSS for the position of two widgets in the topbar. I want to have the language selector on the left and the search bar completely on the right (I enabled the topbar layout switch). The positioning must be responsive also for the mobile layout.
This is the website:
http://www.hsyco.com
Thanks in advance for your support,
Manuela

[Manuela]

Manuela

#28865

Hi Ben,
I need some support with the CSS for the position of two widgets in the topbar. I want to have the language selector on the left and the search bar completely on the right (I enabled the topbar layout switch). The positioning must be responsive also for the mobile layout.
This is the website:
http://www.hsyco.com
Thanks in advance for your support,
Manuela

[Ben Ritner]

Ben Ritner

#28676

The topbar is split into two different areas, You have the menu on the right and that means the search would go on the left, you can left align it with this css and make it larger:

#topbar-search form {
    float: left;
}
#topbar-search form input#yith-s {
width: 300px;
}

Yes if you have two search widgets on a page it will show the latest search term in both once you start a search. This is default for wordpress, I’m curious why you don’t like it?

[Kristian]

Kristian

#28663

Oh….I think we talk at cross purposes Hannah. I tought of the links at the bottom widget area! ((:

[Andreas]

Andreas

#28659

This reply has been marked as private.

[Andreas]

Andreas

#28626

This reply has been marked as private.

[Andreas]

Andreas

#28581

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#28535

2. Yes, you can add the icons for all then use css to hide all but the one for that category using the catgegory slug class that is with the product item. Or you can add a function that gets the category and checks if it’s this category do this kind of thing.

3. No where in the code would that actually show in your header.
You can add an action to the header template file. Like:

add_action ('__after_header');

then remove your add action in your functions file and add the do_action:

do_action ('__after_header', 'add_my_widget_area', 10);

Ben

[Andreas]

Andreas

#28486

This reply has been marked as private.

[David]

David

#28453

Thanks for the quick reply, Hannah. But I don’t quite follow. I don’t see anyplace with the On Sale Products carousel to specify/filter by category. It just picks up anything on sale in Woocommerce.
For the shortcode option, my homepage is a static page, but the only content on it are from the Home Page Layout Manager – currently “Image Menu”, “Featured Products” and “Home Widget Area”. I guess I’m missing something here, but adding shortcode to the home edit page doesn’t effect anything on the page. The site is: http://www.outdoornj.com fyi.
Thanks!

[Dmitry]

Dmitry

#28350

Thanks Ben!
The option to add h1 header in widget area is clear. But I like first one more.

[Ben Ritner]

Ben Ritner

#28344

The only other real option is to move “page title” to disabled. Add a widget area and then place <h1> tags in your widget area.

Yes correct on the languages folder

Ben

[Matthias]

Matthias

#28166

If you want bbpress specific you can either let the primary be your bbpress and use custom for everywhere else or hook into the sidebar templates with your child theme and add a custom call to a custom widget area.

Hi Ben,
I can define the primary for bbpress and the custom sidebar for the few pages and archives in virtue settings. No problem!
But for all the blog entries I have to define the sidebar for each article. Would be difficult to do this for all my blog-entries…
Is there a other way to set a custom sidebar in all articles.

Thanks
Matthias

[Ben Ritner]

Ben Ritner

#27973

in the theme options > main settings. set your logo layout to the widget area.

Then post a link to your site.

Ben

[Ben Ritner]

Ben Ritner

#27754

ok, but you have menu to the right of your logo, and you would have to create that in the widget area or use the tagline because you can’t have both a menu and a widget area to the right of your logo, the menu would fall below the logo/widget area.

Are you wanting the number above the menu to beside? … what about on mobile?

Ben

[Ben Ritner]

Ben Ritner

#27750

Hey,
Tagline, yes you can use css to hide on other pages.

Same is true for the widget area in the header. Do you have something in that place on other pages through?

Can you post a link.

Ben

[Hannah]

Hannah

#27500

So what you’re trying to do is split up the topbar widget area and that doesn’t really work. One thing that might work is adding the phone number to your topbar menu. In appearance > menus create a topbar menu (if one is not already created) and add a custom link menu item. Leave the URL blank and put the phone number in the link text box. You may have to put something in the URL space to get it to add, but once it’s part of the menu you can just remove it. Does that make sense? Be sure to set the menu to Topbar Navigation under Menu Settings.
Then you can add this to your custom css box in theme options > advanced settings to adjust the size of the number:

.topbarmenu ul li a {
size: 20px;
}

As for the portfolio, I’m assuming you mean the portfolio grid page? For what you’re wanting your best option is to use a shortcode and page builder. So you would create a page and in the pagebuilder tab you would create a row with an image, and then another row with two columns, one with the portfolio shortcode and another with the values. You can use this shortcode: [portfolio_posts items=”10″ columns=”4″] just paste it into a text widget.
Hope all that makes sense!

Hannah

[Ben Ritner]

Ben Ritner

#27315

It will remove the sidebars.

If you want bbpress specific you can either let the primary be your bbpress and use custom for everywhere else or hook into the sidebar templates with your child theme and add a custom call to a custom widget area.

Ben

[Hannah]

Hannah

#27190

You can use the header widget area. Go to appearance > widgets and add the virtue:contact vcard widget (or whichever you prefer) to the header widget area.

Hannah

[Ben Ritner]

Ben Ritner

#27094

all you have to do is copy the output code in the widget area.
then add your own stuff…

<div class="vcard">
 <p>
  <a class="email" href="mailto:[email protected]"><i class="icon-envelope"></i> [email protected]</a>
 </p>
 <p>
  <a class="skypeaccount" href="skypelink"><i class="icon-skype"></i> skypename</a>
 </p>
</div>

Then just use the text widget and add the above code.

Ben

[Sabine]

Sabine

#26953

thanks Hannah, this is sabine’s developer really
she’s a client, I use my clients accounts for the dev stuff sometimes of course
I have sent a few folks to virtue theme already
and I’ll probably send more the support is excellent

I’m still learning my way around it but it seems very fast
without much trouble at all, it’s also well organized I think
thanks for you help in the past, this is a different project, also on Virtue theme

I’m working to place custom badges up there to the left of the SEARCH area
http://www.vibrantseniorsevents.com
I’m going to try ADDTHIS right there
see if they let me use a custom graphic for the buttons
unless you have some better ideas for that, it’s really fun exploring all these wp plugins

what’s the css now to move that widget around in the top bar
to fine tune that widget where I have put the social media badges in the top bar

whatever it is, I want to rock it into place exactly, how can I do that most easily with the css here?
fine tuning the widgets position with the css I guess is the question
you can see the examnple I have up now, isn’t lined up that great to the left of the search bar, it’s kinda outta wack there in the layout right now