Search Results for 'widget area'

[Kevin]

Kevin

#83971

Through the use of page builder rows, you can pretty easily create a page that transitions through different backgrounds like that.

Go into the page edit screen, and switch to the page builder tab. There, you can add all kinds of widgets and set a different background for each row.

There are widgets that can display your posts in various ways, among many others.

A lot of what I’m seeing on there page is similar to the “Call to Action” widget. That widget, when you set the background image to be full width, will allow you to ad text and a button to them.

You can also create new revolution sliders and place them via shortcode in various areas of the page.

I suggest trying out different widgets and familiarizing yourself with page builder.

[Hannah]

Hannah

#83913

If you’re using shortcode sliders you can paste the shortcode into a text widget or directly into the page content area. You can use the Home Widget Area which can be enabled from Theme Options > Home Layout.

Hannah

[sarmad]

sarmad

#83853

2- it does not work
3- list view of my shop page, i wanna the products to display on mobile like in pc the picture in one side and other contents in another if u look at products in http://www.ebay.com on mobile u will see what i want
5- am on child theme but i dont know how to make changes
6- i added a plugin and now i have a taxonomy of conditon but how i can displayed in product page under the category of my product in product page
8- i meant the social links of widget area of topbar its white i want it tobe same as my social links of my footer

[Ben Ritner]

Ben Ritner

#83738

Not without adding some javascript to force that to happen…

You would first need to give your tabs an specific id..

You can do that in the [tabs] section of the shortcode. like [tabs id="1"]

Then in your footer widget area add a text widget with this js:

<script type="text/javascript">
jQuery(document).ready(function ($) {
var url = document.location.toString();
if (url.match('#')) {$('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show') ;} 

  $('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
    window.location.hash = e.target.hash;
$('.nav-tabs a[href='+e.target.hash+']').tab('show');
  });
});
</script>

Then you would link to the page and at the end of the link add #sctab10 for the first tab #sctab11 for the second, #sctab12 for the third.

Ben

[Ben Ritner]

Ben Ritner

#83581

Hey,
So you can’t add a blog loop inside of a blog post. that causes errors because wordpress can’t do that. If your adding pagebuilder to a post what widgets area you adding?

Also I see no link to your site?

Ben

[Ben Ritner]

Ben Ritner

#83580

Hey,
So you can’t add a blog loop inside of a blog post. that causes errors because wordpress can’t do that. If your adding pagebuilder to a post what widgets area you adding?

Also I see no link to your site?

Ben

[Ben Ritner]

Ben Ritner

#83553

You can make the search in the topbar larger with this css:

#topbar .form-search {
    max-width: 500px;
}

The search as part of the menu is only every going to be a popout. Thats the point of it.

You can use a custom child theme to add another search area at the bottom of your header. Or add it to the top of your page is you don’t want it on every page.

Else you can use the header widget area (theme options > main settings > logo layout).

There you can add a widget area that would be next to your logo and put the menu below the logo. That would make for a large header through if your wanting to have a sticky header.

Ben

[sarmad]

sarmad

#83544

hello
1- i dont want to have add to cart in my shop page how i can remove it ?
2- i made a shadow on hover of my products but it make it separately i want the shadow to display on wole (on hover)
3- i want my list view on mobile devises to be like on pc, like http://www.ebay.com in mobile vertion to display morethan 3 products under each other
4- i dont want to have short description in my all website
5- the products of shop page i want the product name to just display one line if it was longer make 3 dots at the end
6- how i can have condition of my products like new and used
7- how to do not display topbar widget area in mobile version
8- i have social links in topbar widget area i want them to have their color and in hover a few brighter color

i will be so thankful if u answer my questions

[sarmad]

sarmad

#83544

hello
1- i dont want to have add to cart in my shop page how i can remove it ?
2- i made a shadow on hover of my products but it make it separately i want the shadow to display on wole (on hover)
3- i want my list view on mobile devises to be like on pc, like http://www.ebay.com in mobile vertion to display morethan 3 products under each other
4- i dont want to have short description in my all website
5- the products of shop page i want the product name to just display one line if it was longer make 3 dots at the end
6- how i can have condition of my products like new and used
7- how to do not display topbar widget area in mobile version
8- i have social links in topbar widget area i want them to have their color and in hover a few brighter color

i will be so thankful if u answer my questions

[Ben Ritner]

Ben Ritner

#83543

Hey,
So go to “theme options > theme extensions” enable the header and footer scripts. you an add to the footer scripts since it needs to be in the body tag.

Also you can use any text widget and add to the footer widget areas if you preferred.

Ben

[Joey]

Joey

#83511

Frustrated !!! I am trying to have a static front page with a widget area to the right side so I can have all latest blogs etc …I am sure it is something simple I just cant seem to wrap my head around it today…thanks in advance…

[Joey]

Joey

#83511

Frustrated !!! I am trying to have a static front page with a widget area to the right side so I can have all latest blogs etc …I am sure it is something simple I just cant seem to wrap my head around it today…thanks in advance…

[Jay]

Jay

#83485

HI Hannah,

Thanks for your reply.
However page builder doesn’t seem to work on a static front page, it works fine on other pages.

I also tried using the home widget area in the layout builder widget, but that won’t work for me as i already have a carousel activated there. So is it possible to add 2 home widget areas?

I also attempted the sitewide footer, but it does not give me the option of making parallax. Can i make it Parallax?

Thanks
Jay

[Hannah]

Hannah

#83348

Hey Jay,
You can do this using page builder. If your homepage is set as a static page you can add a fullwidth row with a background image and a call to action widget. Or you can use the home widget area and use the Layout Builder widget.
See here- https://www.kadencewp.com/using-page-builder-virtue-premium/
And just an fyi, if you wanted this sitewide you could set it up from Theme Options > Footer.

Hannah

[Ben Ritner]

Ben Ritner

#83234

Hey,
You can use pagebuilder to add in the blog and thus you can add a title and make it a link if thats what you want.

Just go into the page content, add another row and place whatever you had in the home widget area into that new row in the page.

In terms of setting up the home widget box go into the theme options > advnaced settings add this css:

.home-widget-box {
    padding: 10px 0;
    position: relative;
    background: #FFF;
    width: 100%;
    margin: 0 auto;
    max-width: 1160px;
    margin-bottom: 0px;
    z-index: 700;
    border-radius: 0.6em;
    webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.home .sliderclass {
    padding-bottom: 0px;
}
@media (min-width: 768px){
.home .sliderclass {
    margin-bottom: -65px;
}
}

Ben

[Rita]

Rita

#83168

This reply has been marked as private.

[Rita]

Rita

#83167

This reply has been marked as private.

[Maiken]

Maiken

#83136

Hi and thanks for the answers.
Your solution Ben seems a bit easier so I would like to try that one but I don’t really understand where to put that shortcode? I tried in the home page content but didn’t change anything. And I don’t understand how to put it in the home widget area without having any widget in that section.
Could you maybe explain further?
Thank you.

[Ben Ritner]

Ben Ritner

#83057

You can do something like that, you would just have to position the box with css to be a little on top of your slider.

In your theme options > home layout enable the home widget area.

Then in your appearance > widgets add a visual editor widget and place your text inside then report back here, I can give you the css to make that have a similar look.

Ben

[Ben Ritner]

Ben Ritner

#83043

Hey,
So you can also do this with a shortcode. it would look the same as the latest posts.

[blog_posts orderby="rand" items="4"]

You can place that into the home page content or the home widget area.

Ben

[Christopher]

Christopher

#82921

Site: *Login to see link
Issue: if you scroll down to the bottom in the footer you can see that in the last widget the first line of content has somehow moved up to the title area, like if it was being floated left. This happened when I tried subbing it out with a couple other widgets as well. Any idea what the issue may be?

[Christopher]

Christopher

#82921

Site: *Login to see link
Issue: if you scroll down to the bottom in the footer you can see that in the last widget the first line of content has somehow moved up to the title area, like if it was being floated left. This happened when I tried subbing it out with a couple other widgets as well. Any idea what the issue may be?

[Kevin]

Kevin

#82791

Both of those things can be fixed with CSS, but first can you check in your page edit screen to see if you have any unused widgets placed on your page below that last image? Also, by what means are you uploading that last image? Is it a portfolio item? It looks like that image has some space reserved for content that’s not there, or there are unused items in those areas on the page.

Also take a look in Theme Options> Home Layout> Home Layout Manager to make sure you have no empty page elements assigned to the bottom of the page.

If everything looks good there, I’ll send you the CSS to get rid of those spaces and get the images aligned.

Thanks,
Kevin