Search Results for 'widget area'

[Ben Ritner]

Ben Ritner

#132544

Ok hmm there is a round about way to do this. Get this plugin: https://wordpress.org/plugins/widgets-on-pages/

Then go to the appearance > widgets page. IN your new widget area for the plugin add a visual editor widget. IN that widget add this shortcode which creates the carousel:

[custom_carousel columns=3 speed=9000 scroll=1]

[carousel_item columns=3]
Item 01 – Add your info here
[/carousel_item]

[carousel_item columns=3]
Item 02 – Add your info here
[/carousel_item]

[carousel_item columns=3]
Item 03 – Add your info here
[/carousel_item]

[carousel_item columns=3]
Item 04 – Add your info here
[/carousel_item]

[/custom_carousel]

You can copy the items to add as many as you like.

Then where you see the text “Item 01 – add your info here” for example replace that with the shortcode for the image menu item.

[img_menu image="urltotheimage.jpg" columns="1" title="Title" description="Description" link="#"]

Now becuase you are using widgets on pages you can just add that shortcode to call in that widget area on any page.

Ben

[Ben Ritner]

Ben Ritner

#132508

Found it, In your topbar widget area you had a text widget with this:

<div style=float:right;"><a href="mailto:[email protected]" style="color:#fff;">[email protected]</a>

You never closed out the div… Thus your issue. I added the closing div and your set now.

Ben

[Cynthia]

Cynthia

#132450

Hi,

How can I adjust the font size and align the widget area in my top bar? At the moment I’m using the social menu and the search icon in my top bar and they are displayed on a different line. Is it possible to have those two widgets on the same line? And where in the CSS can I change the font size of my top bar menu?

Thank you!

[Cynthia]

Cynthia

#132450

Hi,

How can I adjust the font size and align the widget area in my top bar? At the moment I’m using the social menu and the search icon in my top bar and they are displayed on a different line. Is it possible to have those two widgets on the same line? And where in the CSS can I change the font size of my top bar menu?

Thank you!

[Kevin]

Kevin

#132291

Hey Jessica,

I’m not sure I’m understanding what you’re wanting. Could you explain a bit more please?

You could add a recent blog post carousel to your home page content by going into the page edit screen for the home page and go to the page builder tab.

Add a “Virtue: Carousel” widget to the page builder row, and configure it to display your posts by date. You can give your carousel whatever title you like to work for your site.

The are where this will show up will be determined by where you’ve placed “Page Content” in Theme Options> Home Layout.

You could also add this to your home widget area for the same effect.

Does this help?

Thanks!,
Kevin

[Arindam]

Arindam

#132205

Hi Ben/Hannah/Kevin,

Greetings. Need some help on CSS for Topbar menu. I have added widget area in Topbar where I am showing the social media icon.

1. There exist a Gap in between the MenuS and Social Media Widget. Will it be possible to evenly distributed them.

2. In Mobile view, the Topbar is coming really wired for Social Widgets and misaligned.Kindly help.

Here is the Already existing Topbar related CSS, I am using.
Link

/*== START :- TopBar */
/* Top Bar Menu alignment */
.col-md-6.col-sm-6.kad-topbar-left{
width: 75%
}
.col-md-6.col-sm-6.kad-topbar-right {
width: 25%;
}
.topbarmenu ul li a {
padding: 7px 30px;
font-size: 14px;
}
.topbarmenu ul li {
float: none;
display: inline-block;
}
.topbarmenu ul {
padding-left: 0;
text-align: center;
}

/* Top Bar Menu Sticking*/

@media (min-width: 768px) {
.headerclass {
margin-top: 40px;
}
#topbar {
position: fixed;
width: 100%;
z-index: 1000;
top: 0;
}
}
/*== END :- TopBar */

Thanks,
Ari

[Arindam]

Arindam

#132205

Hi Ben/Hannah/Kevin,

Greetings. Need some help on CSS for Topbar menu. I have added widget area in Topbar where I am showing the social media icon.

1. There exist a Gap in between the MenuS and Social Media Widget. Will it be possible to evenly distributed them.

2. In Mobile view, the Topbar is coming really wired for Social Widgets and misaligned.Kindly help.

Here is the Already existing Topbar related CSS, I am using.
Link

/*== START :- TopBar */
/* Top Bar Menu alignment */
.col-md-6.col-sm-6.kad-topbar-left{
width: 75%
}
.col-md-6.col-sm-6.kad-topbar-right {
width: 25%;
}
.topbarmenu ul li a {
padding: 7px 30px;
font-size: 14px;
}
.topbarmenu ul li {
float: none;
display: inline-block;
}
.topbarmenu ul {
padding-left: 0;
text-align: center;
}

/* Top Bar Menu Sticking*/

@media (min-width: 768px) {
.headerclass {
margin-top: 40px;
}
#topbar {
position: fixed;
width: 100%;
z-index: 1000;
top: 0;
}
}
/*== END :- TopBar */

Thanks,
Ari

[Pamela]

Pamela

#131937

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#131823

Could you recommend the ideal image ratios/sizes to upload that match the Virtue image widgets which are optimized to be responsive anyways?

Virtue image widgets are defined by the container they are placed in and the size of the screen. There is no such thing as an ideal size because it’s situation and image and placement specific.

Instead of adding your css through the widget attributes. Just add a css class in the class area. Something like “my-custom-border”

Then add this css in your theme options:

.my-custom-border img {
   border: 3px double #999966 ;
}

Ben

[Romuald]

Romuald

#131448

Hi Kadence-Team,

I am using the Virtue Gallery and especially the gallery-type “mosaic”. It looks well, but the customer wishes to minimize the distance between all the images.

Can you help me? How should I adjust it?

Is it possible to use css? If it is, which class I should use in the area “widget styles” and which css-command?

Greetings from Frankfurt (Germany)

Robby

[Romuald]

Romuald

#131448

Hi Kadence-Team,

I am using the Virtue Gallery and especially the gallery-type “mosaic”. It looks well, but the customer wishes to minimize the distance between all the images.

Can you help me? How should I adjust it?

Is it possible to use css? If it is, which class I should use in the area “widget styles” and which css-command?

Greetings from Frankfurt (Germany)

Robby

[Ben Ritner]

Ben Ritner

#131282

You can use this plugin: https://wordpress.org/plugins/widgets-on-pages/

Then add the widget area shortcode to the theme options > main settings . Below header shortcode output.

Then you can either use widget visibility or widget logic to have those not run on the two pages. Or you can use css and hide them.

Ben

[Christopher]

Christopher

#131264

Hi all, I’m trying to create a widgetised area above the title (in the main content area) on all pages/posts except the front page and contact page.

Does anybody know which template I have to add this to …

`<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘header_sidebar’) ) :

endif; ?>`

and how do I exclude the front page and contact page?

Thanks a lot …

[Christopher]

Christopher

#131264

Hi all, I’m trying to create a widgetised area above the title (in the main content area) on all pages/posts except the front page and contact page.

Does anybody know which template I have to add this to …

`<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘header_sidebar’) ) :

endif; ?>`

and how do I exclude the front page and contact page?

Thanks a lot …

[Kevin]

Kevin

#131213

Alright, I think I found you a solution that will work much better with limited CSS.

Rather than adding them in Appearance> Widgets, I suggest that you add a single “layout builder” widget to the header area. Then go inside of that widget, add a 3 column row, and add the header widgets through page builder.

then they will all stay inline with each other, rather than dropping down.

Try this out and let me know what you think.

-Kevin

[Kevin]

Kevin

#131195

Hey Daniel,

You could achieve this by first going into Theme Options> Main Settings, and finding “Logo Layout (Standard Header only).”
There, you’ll choose the far right option of a widget header area.

this will push your primary navigation to below the logo (like the menu with the red background in the link you provided.)

Also, there is a topbar menu assigned via Appearance> Menus.

You’ll want to go into Appearance> Widgets and assign the widgets (search, social links, and possibly a menu) to the “Header Widget Area.”

Hopefully that explains it well enough! Let me know if you need any further assistance.

-Kevin

[Ben Ritner]

Ben Ritner

#131060

3. I’m not sure what your asking? we don’t code custom themes in support. I can tell you need to edit the footer template (templates/footer.php)

You need to add in your own html or add a function to call in a widget area you create also with code. You can use a plugin like this if you don’t know how to add a new widget area: https://wordpress.org/plugins/widgets-on-pages/
Then you would just add the do_shortcode function with your widgets on page shortcode.

https://developer.wordpress.org/reference/functions/do_shortcode/

FYI… my VP child theme created from One Click Child Theme plug in has a feature so updates to the parent theme will be automatically inherited without destroying my changes in the VP Child.

I know how a child theme works. But your not understanding what I’m saying. Yes of course all the items you don’t change will inherit from the parent theme but anything you do change or add that is code that you are now responsible to create, edit and update whenever an update is needed. That isn’t code that we support as it’s not our code and it’s not going to be updated unless you do that. So in this example lets say you override templates/footer.php and you place that in your child theme and edit it. Now with any update you are responsive to make sure that template works. Even if I update the template in the parent theme it won’t matter for you because your overriding it in your child theme and this you will have to manually update it.

Does that make more sense? I’m wanting to make sure you understand that you are becoming a developer when you override things like this and thats why its so important that you understand what it is your changing and how that code works because you are responsible for it.

Ben

[Bill]

Bill

#131030

Hello,

I was trying over the past few days to create a row (using page builder by SiteOrigin) just beneath the header area. For the row, I selected “full Width Stretched” and divided it into two 50% columns. In the left column I placed an image, also giving it the “stretched” option and limiting its height to 250px. I also gave it the parallax option. In the right-side column I simply added a solid background color and a small paragraph of text.

At full width, it looked great! However, when reducing for tablet and phone, the text was pushed down over the top of a data-table that sat below it. That’s when I realized that no matter how I did it, if there is text placed in a row under the header, it will “always” slide over the top of anything beneath it.

I have tried adding text to a text widget, I’ve placed it inside a table, I tried layering it over an image, I even tried just typing it directly into the visual editor widget and placing it under the header of the page. Regardless of how you do it, the text will override anything beneath it when the view-port is shrunk down.

I assumed that the theme was designed to be responsive. Am I missing something here? Is there another technique I should be using? Please help!

Thanks,

Bill

[Bill]

Bill

#131030

Hello,

I was trying over the past few days to create a row (using page builder by SiteOrigin) just beneath the header area. For the row, I selected “full Width Stretched” and divided it into two 50% columns. In the left column I placed an image, also giving it the “stretched” option and limiting its height to 250px. I also gave it the parallax option. In the right-side column I simply added a solid background color and a small paragraph of text.

At full width, it looked great! However, when reducing for tablet and phone, the text was pushed down over the top of a data-table that sat below it. That’s when I realized that no matter how I did it, if there is text placed in a row under the header, it will “always” slide over the top of anything beneath it.

I have tried adding text to a text widget, I’ve placed it inside a table, I tried layering it over an image, I even tried just typing it directly into the visual editor widget and placing it under the header of the page. Regardless of how you do it, the text will override anything beneath it when the view-port is shrunk down.

I assumed that the theme was designed to be responsive. Am I missing something here? Is there another technique I should be using? Please help!

Thanks,

Bill

[Ben Ritner]

Ben Ritner

#130820

3. You need to edit the footer. Either add a new widget area or code in your text.

New question: You would need a child theme to do that. You would have to recode the order of the templates. That isn’t how the theme is designed to layout the page title.

It should be clear that your using a theme it’s to the purpose of a theme to recreate other themes. I’m confused why your wanting the virtue theme to look like another theme. Why not just use the other theme?

Ben

[Hannah]

Hannah

#130580

Hi Judith,
Unfortunately there isn’t a built in option to make the sidebar sit above the content in mobile. A workaround would be to add these widgets to the content area of your page and use css to hide it when on desktop. Then you could also use css to hide the sidebar on mobile. Would that work for you?

Hannah

[Hannah]

Hannah

#129863

Hey Carrie,
I’m seeing a warning above your topbar: Warning: Class __PHP_Incomplete_Class has no unserializer in /home/content/a2pnexwpnas03_data02/13/3350713/html/wp-content/object-cache.php on line 855
Try clearing your cache. If the warning remains I would suggest deactivating your plugins to test if any are conflicting.

I don’t recommend using that css for your tobar. I’m seeing extra p tags in your topbar widget area which is why there is extra space. Make sure you have not added blank widgets or paragraphs.

Hannah

[Hannah]

Hannah

#129671

Hey Tracy,
You can do this using the Virtue: Carousel widget. Just enable the home widget area in Theme Options > Home Layout then add the widget from Appearance > Widgets.

Hannah

[Kevin]

Kevin

#129647

Hello Tracy,

using shortcodes, you can display a product category in any text editor on your site:
https://docs.woocommerce.com/document/woocommerce-shortcodes/

Your shortcode will look something like this, and you’ll want to place it into the content area or home widget area for your home page within a text editor:
[product_category category="YOUR_CATEGORY_HERE"]

You could also use Page Builder and place a Virtue: Carousel widget in either area. You would simply set it to display a certain category of products.

Let me know if either works for you.

-Kevin

[Kevin]

Kevin

#129530

Hello Gerard,

You’re right in that the best way to do this will be to use Page Builder and add through shortcode. The shortcode will be able to mimic all of the page elements that are assigned through the Home Layout area. There isn’t a way to have two page contents, but the method you described is a very simple and effective workaround.

You could do this using either shortcode or widgets, depending on what suits your needs best. You can use woocommerce shortcodes found here:
https://docs.woocommerce.com/document/woocommerce-shortcodes/

and theme shortcodes found here:
http://docs.kadencethemes.com/virtue-premium/shortcodes/

Let me know if this is helpful!

-Kevin