Search Results for 'widget area'

[Anonymous]

Anonymous

#164768

Hello.

I’m working on a page at *Login to see link

On the page, using Page Builder, I have a row that has 3 columns. I want all of the content in the middle column to have a background color and the areas in the first and third column to be blank. Essentially, my goal here is to have a colored box in the middle of the screen with some content in it. So, if there’s a more elegant solution I’m open to it.

What I am after at this moment is to eliminate the space between the 2 widgets that are currently in this column. The bottom margin, gutter and padding are all set to 0. I’m sure there’s something simple to be done to resolve this, but can’t figure it out. Any ideas?

Thanks,
Rachel

[Anonymous]

Anonymous

#164768

Hello.

I’m working on a page at *Login to see link

On the page, using Page Builder, I have a row that has 3 columns. I want all of the content in the middle column to have a background color and the areas in the first and third column to be blank. Essentially, my goal here is to have a colored box in the middle of the screen with some content in it. So, if there’s a more elegant solution I’m open to it.

What I am after at this moment is to eliminate the space between the 2 widgets that are currently in this column. The bottom margin, gutter and padding are all set to 0. I’m sure there’s something simple to be done to resolve this, but can’t figure it out. Any ideas?

Thanks,
Rachel

[Ben Ritner]

Ben Ritner

#164765

I added this css for you:

@media (max-width: 992px) {
.kad-header-left {
    width: 50%;
    float: left;
}
.kad-header-widget {
    width: 50%;
    float: left;
    padding-left: 0;
    padding-right:50px;
}
.kad-header-widget .wpml-ls-legacy-list-horizontal {
    float: none;
    text-align: right;
}
.kad-header-widget .header-widget-area-header.widget_icl_lang_sel_widget {
    margin-top: 5px;
}
.taptap-menu-button-wrapper {
    right: 15px !important;
    left: auto !important;
    top: 2px !important;
}
}

Ben

[Robert]

Robert

#164382

I can’t seem to figure out why the white space of 30-40 pixels below the “5 boxes” and above the “2 boxes” is still there. The first set of boxes comes for the “Home Widget Area”. The row has layout is 5, 0, 0, 0 pixels respectively for top, right, bottom, and left. The bottom margin is 0 and the gutter is 0. Each of the five boxes have their respective layout as follows:
Top Right Bottom Left
0 0 0 5
0 0 0 5
0 0 0 5
0 0 0 5
0 5 0 5

The next 2 boxes are from the home page and have the following layout. The row has layout is 0, 0, 0, 0 pixels respectively for top, right, bottom, and left. The bottom margin is 0 and the gutter is 0. Each of the two columns has layout as follows:
Top Right Bottom Left
5 5 0 5
5 5 0 0

Why the 30-40 pixel space below the 5 columns from the Home Widget area and above the Home page 2 columns?

url: *Login to see link

Thanks. /Bob

[Robert]

Robert

#164382

I can’t seem to figure out why the white space of 30-40 pixels below the “5 boxes” and above the “2 boxes” is still there. The first set of boxes comes for the “Home Widget Area”. The row has layout is 5, 0, 0, 0 pixels respectively for top, right, bottom, and left. The bottom margin is 0 and the gutter is 0. Each of the five boxes have their respective layout as follows:
Top Right Bottom Left
0 0 0 5
0 0 0 5
0 0 0 5
0 0 0 5
0 5 0 5

The next 2 boxes are from the home page and have the following layout. The row has layout is 0, 0, 0, 0 pixels respectively for top, right, bottom, and left. The bottom margin is 0 and the gutter is 0. Each of the two columns has layout as follows:
Top Right Bottom Left
5 5 0 5
5 5 0 0

Why the 30-40 pixel space below the 5 columns from the Home Widget area and above the Home page 2 columns?

url: *Login to see link

Thanks. /Bob

[Kevin]

Kevin

#164376

Hey Kirsty,

One thing that may work is adding the menu through html into the text tab of a visual editor widget, like this:

<nav id="nav-main" class="clearfix">
                        <ul id="menu-mobile-menu" class="sf-menu"><li  class="menu-home menu-item-6515"><a href="https://www.klrsnapsphotography.com/"><i class="icon-home"></i><span>Home</span></a></li>
<li  class="menu-aboutme sf-dropdown menu-item-4218"><a href="https://www.klrsnapsphotography.com/about-me-2/"><i class="icon-cup"></i><span>About Me</span></a>
<ul class="sf-dropdown-menu dropdown">
	<li  class="menu-coffeetravels038lotsmore menu-item-7059"><a href="https://www.klrsnapsphotography.com/coffee-travels-street-photography/"><span>Coffee, Travels &#038; Lots More</span></a></li>
</ul>
</li>
<li  class="menu-blog menu-item-4217"><a href="https://www.klrsnapsphotography.com/home-3/"><i class="icon-pencil2"></i><span>Blog</span></a></li>
<li  class="menu-portfolio menu-item-4216"><a href="https://www.klrsnapsphotography.com/portfolio-2/"><i class="icon-camera3"></i><span>Portfolio</span></a></li>
<li  class="menu-pricelist menu-item-5058"><a href="https://www.klrsnapsphotography.com/price-list-klrsnaps-photography/"><i class="icon-gbp"></i><span>Price List</span></a></li>
<li  class="menu-contactme menu-item-4215"><a href="https://www.klrsnapsphotography.com/contact-me/"><i class="icon-mobile"></i><span>Contact Me</span></a></li>
<li  class="menu-testimonials sf-dropdown menu-item-4219"><a href="https://www.klrsnapsphotography.com/testimonials/"><i class="icon-bubbles3"></i><span>Testimonials</span></a>
<ul class="sf-dropdown-menu dropdown">
	<li  class="menu-leaveatestimonial menu-item-4290"><a href="https://www.klrsnapsphotography.com/leave-a-testimonial/"><span>Leave a testimonial</span></a></li>
</ul>
</li>
<li  class="menu-clientarea menu-item-5065"><a href="https://www.klrsnapsphotography.com/client-area/"><i class="icon-user"></i><span>Client Area</span></a></li>
           </ul>                    </nav>

Try placing the widget where you’d like the menu to appear, and then place that html into the widget. Let me know if it works for you.

-Kevin

[accounts]

accounts

#164317

Hi Guys,

We’ve been using Virtue Pro for ages and have just started with Ascend.

We wanted to have a full width slider on the home page like we usually to in Virtue below the header. But on Home Page Layout > Homepage Layout Manager there is no options for this.

And if we used the Home Widget Area with a Site Origin Slier it doesn’t go full width.

Thanks in advance,
Vanessa

[accounts]

accounts

#164317

Hi Guys,

We’ve been using Virtue Pro for ages and have just started with Ascend.

We wanted to have a full width slider on the home page like we usually to in Virtue below the header. But on Home Page Layout > Homepage Layout Manager there is no options for this.

And if we used the Home Widget Area with a Site Origin Slier it doesn’t go full width.

Thanks in advance,
Vanessa

[Hannah]

Hannah

#164151

Hi Anita,
It’s done through page builder. You would have to make the last row of your homepage a page builder row (either via home widget area or home content area of homepage is a static page). Then when you edit the page builder row, under the Design tab you should see a dropdown for the row separator.

Hannah

[Ben Ritner]

Ben Ritner

#163972

Hey,
Add this css:

.kad-relative-vertical-content .kt-header-extras ul.product-categories {
    position: static;
    display: block;
    background:transparent;
    border:0;
    margin:0 20px 0 20px;
}

.kad-relative-vertical-content .kt-header-extras .widget_product_categories ul li a {
    color:white;
}

when placing a widget with list html into a header widget area the header will try and treat it like a menu with drop-down and that doesn’t work with a widget like the category widget so you just need to add that css.

Ben

[Rene]

Rene

#163917

This reply has been marked as private.

[Janine]

Janine

#163684

Hi Hannah

Is it possible to use a carousel to show my blog posts, but not have it slide, so the posts are fixed? It seems the carousel shortcode has lots of options for how you present it.

Also, in the shortcode I don’t see an option for a title to appear above, ie, Recent Posts. Does this exist?

And, I have used the Pinnacle Carousel widget in the Home Widget Area, you will see it entitled “Pinnacle Carousel Test” at theinspirationcloud.com . Is it possible to have all the elements the same height? The text excerpts makes each column a different size.

Thanks for your help!

Janine

[Hannah]

Hannah

#163559

You can enable a widget area in your header from Theme Options > Main Settings > Logo Options. Then you will see a header widget area in Appearance > Widgets.
Hope that helps!

Hannah

[Hannah]

Hannah

#163480

Hi Elina,
You could enable your topbar and add them to your topbar widget area, but there isn’t a built in option to add them below your menu. Sorry.

Hannah

[Ben Ritner]

Ben Ritner

#163390

One option is to use a plugin like this: https://wordpress.org/plugins/widgets-on-pages/

Which gives you a shortcode that relates to a widget area. You can add that shortcode in every product and then add your text in the widget area. When you wanted to update that text for every product you would just update the one widget area.

Ben

[Libb]

Libb

#162632

Hannah, the widget area is great, but the blog is all messed up now.

Before I switched to the premium theme I had a feature image for each post. When I switched, it showed more than one for the most recent posts. Now there is none at all, and I’m bak to the sidebar in the page, which I do not want. But when I swicth to full-width page, all my posts disappear. I really hope you an help me tonight so this will look right tomorrow.

[Marty]

Marty

#162624

I have included “Home Widget Area” on the Home Page Layout and under Widgets I have added the “Call To Action” widget to the “Home Widget Area”. Where do I set the background image for this so I see a image behind my Call to Action text and button?

http://www.urbannwconstruction.com

[Marty]

Marty

#162624

I have included “Home Widget Area” on the Home Page Layout and under Widgets I have added the “Call To Action” widget to the “Home Widget Area”. Where do I set the background image for this so I see a image behind my Call to Action text and button?

http://www.urbannwconstruction.com

[Hannah]

Hannah

#162374

1. In your css try changing this:

@media (min-width: 992px) {
.col-md-4.clearfix.kad-header-left {
    width: 25%;
} 
.col-md-8.kad-header-right {
    width: 75%;
}

to this:

@media (min-width: 992px) {
.col-md-4.clearfix.kad-header-left {
    width: 20%;
} 
.col-md-8.kad-header-right {
    width: 80%;
}

2. It looks like right now the flags are just added to your menu. You would need to add them as a widget in your header area. Then if you wanted you could hide the widget from desktop view with css.

3. Try using this css:

@media (max-width: 768px) {
.kad-slider .kad-slide {
    background-position: center left !important;
}
}

Does that work for you?

Hannah

[Michael]

Michael

#162163

Hi!

I am trying to make a horizontal divider/line between the primary menu and the widget area in my header. I dont really now how to do that, and I hope that you can help me with some kind of Custom CSS. My website is http://www.outfare.com.

-Michael

[Michael]

Michael

#162163

Hi!

I am trying to make a horizontal divider/line between the primary menu and the widget area in my header. I dont really now how to do that, and I hope that you can help me with some kind of Custom CSS. My website is http://www.outfare.com.

-Michael

[Kevin]

Kevin

#161985

Hello Sandra,

The theme doesn’t include anything like the “skills” area, and I honestly have never seen that feature before. You’ll have to find a plugin that can add that functionality.

The other items can be achieve simply within the theme options.

For the “Clients,” this is simply a carousel slider with the company logos and a title. You can create that with an Ascend Gallery widget, giving it a title of “Our Clients,” and uploading the logos. You’ll want to use the carousel option for the widget, and you should be able to configure this easily as the gallery settings are pretty self explanatory.

Reviews are also a part of the theme, but you need to be using WooCommerce and configure a webstore. I’m not really seeing any reviews on the page that you linked to. If you take a look at this demo, you’ll see that the products have a 5 star review system. Is this the type of review system that you’re thinking of?

Let me know if you need any further clarification on the options included in the theme.

-Kevin

[Ben Ritner]

Ben Ritner

#161861

2. I can’t find the conflicting plugin. something is forcing that grid to load 12. I overrode it with a shortcode using:
[portfolio_posts items="6" style="mosaic" filter="true"]
in the home widget area. That is a good option unless you want to try deactivating all your plugins.

3. This plugin is your issue with favicon: Facebook Page Plugin (Likebox)

[Hannah]

Hannah

#161830

The portfolio category grid template will pull your portfolio categories (types), whereas the portfolio grid template will pull your individual portfolio posts. You can display a portfolio category grid in your homepage using a shortcode like this: [portfolio_types orderby=date showexcerpt=false columns=4 items=4 height=200] You can paste that into your homepage content area or else a text widget within your home widget area.

Hannah

[Kevin]

Kevin

#161430

Hello Rene,

1. Try going into the settings for the page, and click on “Edit Row” for your page builder rows. Under the “Layout” tab, find “Collapse Behaviour.”

Set that to “No Collapse,” and the three column display should be retained across screen sizes.

2. I just tested the widget on my site and the categories are displaying in the widget area. Can you post a login in a private reply so that I can take a look at the settings for your header?

Thanks,
Kevin