Search Results for 'widget area'

[bugit.xyz]

bugit.xyz

#182478

Hi,
Thanks for the reply, I understand what you are saying, in which case I will opt to use the ‘Virtue: Social Icons’ in the Header Widget area, but once done, how can I do the following please:
1) How can I position the Icons horizontally in line with the center line of the Logo?
2) How can I then position the Icons as far right as possible?
3) How can I change the Icons to be their traditional colours for Facebook and Twitter?
Thank you.
Mark

[Ben Ritner]

Ben Ritner

#182474

Just for clarity sharing, a page is totally different from the social links widget. social links are links to your social profile pages. Sharing shares the page it’s on but never takes the person who is sharing to your social profile.

The sharing plugin you are using isn’t outputting on the home page. Perhaps it doesn’t have that option or perhaps it’s a specific setting but since it’s the plugin you need to talk with the plugin author. If it’s possible to add that output through a shortcode or widget then you could add into the header widget area but on all the pages that it’s showing it’s not coming from a widget it’s coming after the_content of the page.

Ben

[barnladybuilder]

barnladybuilder

#182369

Well no wonder I can’t find it 🙂

My screen doesn’t look anything like that at all. This is what I see….

Home Layout
Display a sidebar on the Home Page?This determines if there is a sidebar on the home page.

Full LayoutSidebar Layout

Choose a Sidebar for your Home Page

Homepage Layout ManagerOrganize how you want the layout to appear on the homepage

disabled
Image Menu
Featured Products
Latest Blog Posts
Portfolio Carousel
Icon Menu
Portfolio Full
On Sale Products
Best Selling Products
Custom Carousel
Home Widget Area

enabled
Page Title
Page Content

Home Image Menu
Image MenuAdd images, descriptions, titles, and links

Add Slide
Choose how many columns in each row

Image Menu Height

Height set byChoose how the image menu height will be set.

Home Featured Product Settings
Home Product Carousel Titlee.g. = Featured Products

Choose how many columns are in carousel

Choose how many products are in carousel

Carousel ScrollChoose how the product items scroll.

Choose the carousel speed (in seconds).

Home On Sale Product Settings
Home On Sale Product Carousel Titlee.g. = On Sale Products

Choose how many columns are in carousel

Choose how many products are in carousel

Carousel ScrollChoose how the product items scroll.

Choose the carousel speed (in seconds).

Home Best Selling Product Settings
Home Best Selling Product Carousel Titlee.g. = Best Selling Products

Choose how many columns are in carousel

Choose how many products are in carousel

Carousel ScrollChoose how the product items scroll.

Choose the carousel speed (in seconds).

Home Blog Settings
Home Blog Titlee.g. = Latest from the blog

Choose How many posts on Homepage

Choose how many post columns on Homepage

Limit posts to a CategoryLeave blank to select all

Home Post Excerpt LengthDetermines how many words are in the post excerpt.

Home Portfolio Carousel Settings
Home Portfolio Carousel titlee.g. = Portfolio Carousel title

Portfolio Carousel Category TypeLeave blank to select all types

No items of this type were found.
Choose how many columns are in carousel

Set height for portfolio items – OptionalExample 400

Choose how many portfolio items are in carousel

Choose the carousel speed (in seconds).

Portfolio Carousel ScrollChoose how the portfolio items scroll.

Portfolio Carousel Order byChoose how the portfolio items should be ordered in the carousel.

Display Portfolio Types under Title

Display Portfolio Excerpt under Title

Home Custom Carousel Settings
Home Custom Carousel Titlee.g. = Featured News

Custom Carousel ItemsAdd images, descriptions, titles, and links

Add Slide
Choose how many columns are in carousel

Custom Carousel ScrollChoose how the custom items scroll.

Choose the carousel speed (in seconds).

Enable custom image ratio for carousel

Home Icon Menu
Icon MenuChoose your icons for the icon menu.

Add Icon
Choose how many columns in each row

Icon Menu Box Background ColorChoose the background color for icon menu boxes. * Note the hover color is set by your primary color in basic styling.

Transparent
Icon Menu Font and Icon ColorChoose the color for icon menu font and icon. * Note the hover color is set to white and background is set to primary color.

Transparent

Home Portfolio Full Settings
Home Portfolio Full Titlee.g. = Our Work

Portfolio Full Category TypeChoose type for the Portfolio Full

No items of this type were found.
Display Portfolio Filter

Choose how many Portfolio Items on Homepage

Portfolio full Order byChoose how the portfolio items should be ordered.

Portfolio LayoutChoose the portfolio layout

Choose how many Portfolio columns

Set height for portfolio items – OptionalExample 400

Masonry Style

Display Portfolio Types under Title

Display Portfolio Excerpt under Title

Display lightbox link in top right corner?

Page Content Options (if home page is latest post page)
Latest Post DisplayIf Latest Post page is front page. Choose to show full post or post excerpt.

Use Post Grid Format

[Ben Ritner]

Ben Ritner

#182049

Hey,
So when inside of a widget area the rows anchor changes because it’s not based on a page ID. In this instance, it would really help you to use your page content and not the home widget area to build your page. Then the id for the row would be static even if you edit that row.

But an even similar solution is to just assign your id in the row or widget attributes while editing. Attributes are part of the pagebuilder editing options.

Ben

[Ben Ritner]

Ben Ritner

#181859

Hey,
It’s just to save space on mobile since the quantity is there as an option but you can easily add with css like this:

@media (max-width: 767px){
    table.shop_table td.product-remove {
      display: table-cell;
      padding: 0;
    }
    table.shop_table th.product-remove{
        opacity:1;
        display: table-cell;
    }
    #content table.cart a.remove {
        font-size: 12px;
        width: 20px;
    }
}

2. For your home page enable the page content or home widget area instead of the “latest posts” section.

Then add this shortcode into the text area of your page content or home widget area:

[blog_posts columns="2" items="12"]

Ben

[videomax]

videomax

#181793

Dear Technical Support,

Could you please give me a CSS example how to change footer color (all across the widescreen) to #006699.
And also, how to change the color link (underlined) within the footer widget area only.
Thank you so much!!!

[videomax]

videomax

#181793

Dear Technical Support,

Could you please give me a CSS example how to change footer color (all across the widescreen) to #006699.
And also, how to change the color link (underlined) within the footer widget area only.
Thank you so much!!!

[Ben Ritner]

Ben Ritner

#181602

While I understand that you’re attracted to that, It’s not the best for usability, that’s all I was referencing.

But if I were going to approach that I would suggest to you that you build out your header like that from the start. Make that your normal header and then if want to change it for the home page it’s easier to edit just the home page then all the internal.

In your header settings then make sure to choose the option with the widget area on the right in your logo settings. Then you can add a widget with all that text into the header. Once you have that post a link and I can give you simple css to make the menu background a different color and aligned right.

[Ben Ritner]

Ben Ritner

#181601

You would have to manually add into a widget area like the footer widget area. Or inside your page content. It’s not the theme function.

[Nancy]

Nancy

#180706

I want to add reCAPTCHA to my site to stop the spam emails. Most of the spam emails are coming from the ‘Contact Us’ page, but I would like this to be on the Corporate and Wedding contact pages. The directions to put reCAPTCHA are
– Paste this snippet before the closing </head> tag on your HTML template:

– Paste this snippet at the end of the <form> where you want the reCAPTCHA widget to appear:

I don’t have a form just an email on the contact us page. On the other 3 contact pages I have this
– <p>Your Name *<br />
[text* your-name] </p>

<p>Your Email *<br />
[email* your-email] </p>

<p>Your Message<br />
[textarea your-message] </p>

<p>[submit “Send”]</p>

Where would I put the first and second snippet on the above?
Is it possible to put it on my ‘Contact Us’ page where there is only an email?
http://www.SweetSpotChocolateShop.com

Thank you

Nancy

[Nancy]

Nancy

#180706

I want to add reCAPTCHA to my site to stop the spam emails. Most of the spam emails are coming from the ‘Contact Us’ page, but I would like this to be on the Corporate and Wedding contact pages. The directions to put reCAPTCHA are
– Paste this snippet before the closing </head> tag on your HTML template:

– Paste this snippet at the end of the <form> where you want the reCAPTCHA widget to appear:

I don’t have a form just an email on the contact us page. On the other 3 contact pages I have this
– <p>Your Name *<br />
[text* your-name] </p>

<p>Your Email *<br />
[email* your-email] </p>

<p>Your Message<br />
[textarea your-message] </p>

<p>[submit “Send”]</p>

Where would I put the first and second snippet on the above?
Is it possible to put it on my ‘Contact Us’ page where there is only an email?
http://www.SweetSpotChocolateShop.com

Thank you

Nancy

[Stephen]

Stephen

#180590

Thanks, I ended up switching the theme from Pinnacle to Ascend and used a combination – the topbar menu for the phone number and icon and the social links widget in the Appearance > Widget area. Seems to do the trick.

Could you share with me the CSS syntax to add some spacing between the main navigation links? I have one but I think it’s for Pinnacle.

Thanks

[Kevin]

Kevin

#180551

Rather than add the phone number and “professionals” link in the topbar menu, I suggest you add them to your topbar widget area in Appearance> Widgets. You can configure the link by adding like this: <a href="#">Professionals</a>, and the phone icon can be added through CSS.

If you’re using page builder, adding each widget into a layout builder row will help with the display. Try setting up the topbar this way and let me know how it works for you.

-Kevin

[Angelo]

Angelo

#180389

Hi Ben,
Thanks to your suggestions and some testing I succeeded to modify the home page in http://www.mappeattive.com
Now, for the site https://www.4kmediastock.com/en/ I modified the home header and set via shortcode a kadence slider legacy I also created but I have two issues:
1- On desktop I’m not able to show the whole image with logo – I mean the slider is not showing the full picture.
2- In theme options > home page layout, I activated Content Page and Home Widget Area. But on mobile the slider image is shown correctly but the sentence “WELCOME IN 4KMEDIASTOCK.COM” included in the content page is not resizing.

Please have a look and let me know where I’m wrong in setting the options.
Thanks
Angelo

[Ben Ritner]

Ben Ritner

#179945

I’m not sure, not this topic Kevin must have meant to respond somewhere else.

Widgets just need to be added to a widget area, if you don’t want to use pagebuilder then you would be limited to the sidebar and footer widget areas.

It’s worth noting that anything you would use a widget for you can also use a shortcode to create it’s just going to require more manually writing out of the shortcode.

Ben

[Ben Ritner]

Ben Ritner

#179935

A group product only changes the output of the “add to cart” area. Its the only section of the product page that is different. so in the template builder, you can manually assign a template but you won’t be editing the add to cart area because it’s just one widget. (this is similar to a variable product) the “form” created must all be together so it can’t be multiple parts.

So perhaps the best question is what are you wanting to change in a group product?

Ben

[Doug]

Doug

#179928

Perfect! I found it in the ‘Above Footer Widget’ area. It is now gone!

Thanks so much for your help.

Doug

[Kevin]

Kevin

#179925

You can remove this in Appearance> Widgets, under “Extra Footer widget area.”

Let me know if that helps!

-Kevin

[Hannah]

Hannah

#179637

Do you have the page builder plugin installed and activated? If so, you can add the layout builder widget to your home widget area, then create a row with two columns and add a widget to each.
Hope that’s helpful!

Hannah

[Hannah]

Hannah

#179607

Hi Ross,
In Theme Options > Home Layout you can enable the Home Widget Area in the homepage layout manager. Then add these from Appearance > Widgets. Does that work for you?

Hannah

[Hannah]

Hannah

#179444

Hi Phil,
Your logo is taking up the full height of the container, so I’m not sure what bottom aligning it would do. Can you clarify? For the widget area, you can push it down with css like this:

@media (min-width: 1200px) {
.kad-header-widget {
    padding-top: 100px;
}
}

Just paste that into your custom css box in Theme Options > Advanced Settings. How does that work for you?

Hannah

[Kevin]

Kevin

#179430

Hello,

If you want to place them in page content, then you should use page builder. All of the widget areas on Appearance> Widgets can be configured using the theme widgets though.

Hopefully that clears it up for you.

-Kevin