Search Results for 'page '

[Nicola Crossley]

Nicola Crossley

#21497

Hi,

Thank you for getting back to me so quickly – that is a shame.
Ok – no i haven’t cleared my cache I am not 100% on how to do this. Also if I am changing the whole site around so that the icon menu isn’t used on front page but that a page with and icon box in it is being used I am guessing that CSS will not be of use to me….

I have been trying to add my icons through the icon box option (using PageBuilder) but there isn’t any options (that I can see) for size, alignment etc. Also how do I edit the padding between the icons – I set up 7 across so that I will have the desired space in between but the five icons I have in the middle have big gaps inbetween… I also have this CSS to animate the icon menu on the landing page – what would I need to change it to to achieve the same effect please?

.home-icon-item {
-moz-border-radius: 50px;
border-radius: 50px;
border: 2px solid;
box-shadow: 10px 10px 5px #80838a;
}
.home-iconmenu a, .home-iconmenu .home-icon-item {
-ms-transform: translate(0px,0px); /* IE 9 */
-webkit-transform: translate(0px,0px); /* Chrome, Safari, Opera */
transform: translate(0px,0px);
-webkit-transition: -webkit-transform .2s ease-in; /* Changed here */
-moz-transition: -moz-transform .2s ease-in;
-o-transition: -o-transform .2s ease-in;
transition: transform .2s ease-in;
}
.home-iconmenu a:hover, .home-iconmenu .home-icon-item:hover {
-ms-transform: translate(0px,-10px); /* IE 9 */
-webkit-transform: translate(0px,-10px); /* Chrome, Safari, Opera */
transform: translate(0px,-10px);

.home-iconmenu a, .home-iconmenu .home-icon-item {
-ms-transform: scale(1,1); /* IE 9 */
-webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
transform: scale(1,1);
-webkit-transition: -webkit-transform .2s ease-in; /* Changed here */
-moz-transition: -moz-transform .2s ease-in;
-o-transition: -o-transform .2s ease-in;
transition: transform .2s ease-in;
}
.home-iconmenu a:hover, .home-iconmenu .home-icon-item:hover {
-ms-transform: scale(1.1,1.1); /* IE 9 */
-webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
transform: scale(1.1,1.1);
}

Last question:
If i set the homepage to a static page, that has the icon box set up within the page – can I make it a blog page so that the latest posts are displayed. And is there an option to have say 2 columns followed by 1? So you’ve got two posts side by side, then one full width underneath.

Many thanks

Nic

[Ben Ritner]

Ben Ritner

#21488

the image menu.. a few are loading from the other domain.. that is important to fix.

Make sure to disabled any plugins you are not using (even theme recommended like cyclone, if you not using it don’t run it) and in the w3 total cache settings you need to enable page cache and minify at least.

Ben

[Ben Ritner]

Ben Ritner

#21487

1. You can adjust with css:

#nav-main .sf-menu>.kt-lgmenu>ul>li>a {
font-size: 18px;
}

2. The headings are your h3 font in the theme options > typography settings.. you can target specifically with css if you want:

.sidebar h3 {
font-size: 20px;
}

3. You can adjust with this:

html .woocommerce-page .widget_layered_nav ul.yith-wcan-label li a {
padding: 3px 5px 3px 5px;
margin: 0 2px;
}
html .woocommerce-page .sidebar .widget_layered_nav ul.yith-wcan-label li {
margin-bottom: 3px;
}

Ben

[Ben Ritner]

Ben Ritner

#21485

1. the css I gave would do what you want. Did you clear the cache, make sure there is no errors in your custom css?

2. If you check out the video it shows how to set up a page with pagebuilder, would require that you make your home page a static page and not the latest posts page. While working on the page you can use the visual editor widget and click “virtue shortcodes” to add the icon box.

3. Icon box is icon menu.. and if you want to use an image and not an icon you can switch that in the shortcode. It defaults to icon="icon-home"
You would change to image="urltotheimage"
With this route you would have to set up on every page. There isn’t a shortcode that pulls the home page icon menu into other pages.

Ben

[Nicola Crossley]

Nicola Crossley

#21474

Hi,

1. This didn’t do anything. I have tried adding .kad-icon-menu { width: 50%} but all it does is alter the icons themselves and not how far across the page they go. If I can make myself clearer I have five icons and I want them to have a space either side (so space on left next to first icon, and space on the right next to the last one)
I tried to fudge it as I was thinking ok if I add two more icons that have no items in it then the five I want will be centred in the middle….but you can only have 6…Does this make sense? Client doesn’t want the icon menu to be the width of the main body, he wants in smaller.

2. Sorry I don’t understand how I should use the pagebuilder to alter the background of the icon menu – the icon menu is currently on the landing page which is latest posts rather than an actual page. I don’t see the option for ‘icon menu’ in the list of widgets so not sure how to alter it there.

3. Looking at the shortcodes it doesn’t look like I can add the icon menu anywhere; the only options are icon and icon box – and my icon menu is made up of images I uploaded and this isn’t an option. I was hoping that you could just insert the icon menu into any page using a shortcode and therefore you wouldn’t have to go into every single page if it changed over time – you’d change the icon menu and it would change on all pages – looking at it it seems I would need to reset up the whole menu, on every page, not using the images I have (so it won’t look universal) or….am I missing something??

Thank you for your patience

Nic

[Ben Ritner]

Ben Ritner

#21465

I don’t see anything off the page, you will want to rearrange how you have the items listed, did you clear your cache?

The first level of submenus are the column header, the second are the columns content.. you can see an example on the pinnacle theme, which uses a similar menu system: http://themes.kadencethemes.com/pinnacle-premium/

Hover over features.

Ben

[Kaval]

Kaval

#21463

Thought that was it but it wasn’t working, I think something else was interfering with it. Have a look at it now, it still means all the other stuff is off the page, any way to set the size?

Also might help if I can change the sub menu font size – I can change the primary menu ones, but it doesn’t change the sub ones – perhaps changing font and line heigh will auto solve the problem as long as it remains readable?

[Mark]

Mark

#21460

Hi Ben,
I followed trough your video. but during importation.. Failed to import shop_order_status cancelled
Failed to import shop_order_status completed
Failed to import shop_order_status failed
Failed to import shop_order_status on-hold
Failed to import shop_order_status pending
Failed to import shop_order_status processing
Failed to import shop_order_status refunded
I also installed the woo commerce pages. still no effect

Thansk.
Mark

[Ben Ritner]

Ben Ritner

#21456

Hey,
1. Normal for those things to not import.
2. When you installed woocommerce did you install woocomerce pages? Sounds like you don’t have a cart page assigned. You can assign on by going to woocommece > system status > tools > Install WooCommerce Pages.

Ben

[Ben Ritner]

Ben Ritner

#21455

in the menus page, click on shop and choose the “Enable Fullwidth Sub-Menu”
You can set the columns to 4.

Ben

[Alex]

Alex

#21454

Hi experts,

How are you? I’ve a problem about the feature image in the page.
At this link *Login to see link You can see the feature image on the top of the page title is not fullwidth or not align with the border of the page contain.
What I mean fullwidth is like this link: *Login to see link
I don’t decide yet if I set the image to fullwidth or align with the page contain border. So could you tell me how to control the width of this feature image please?

Thanks a lot!

[Alex]

Alex

#21454

Hi experts,

How are you? I’ve a problem about the feature image in the page.
At this link *Login to see link You can see the feature image on the top of the page title is not fullwidth or not align with the border of the page contain.
What I mean fullwidth is like this link: *Login to see link
I don’t decide yet if I set the image to fullwidth or align with the page contain border. So could you tell me how to control the width of this feature image please?

Thanks a lot!

[Ben Ritner]

Ben Ritner

#21452

1. I’m not totally sure what you mean but you can try this css:

.home-promo {
max-width: 70%;
margin: 0 auto;
}

2. Not if added through the theme options, if you use pagebuilder to set up your page you can set a background for each row, see here: https://www.kadencewp.com/using-page-builder-virtue-premium/

3. You can click “virtue shortcodes” and add icon menu items anywhere. Just to be clear you will want to use pagebuilder to set up your columns first then add an shortcode to each.

Ben

[Laura]

Laura

#21451

Well, I just went back to PageEdit and took out this part of the code from adding the image:
class=”alignnone size-full wp-image-195″

With that class gone, now the padding is gone. I’m still not good with WordPress and its image manipulations. Oh well, I’m afraid I’m a hacker. Not very good. I would still like to give it a padding-top though.

[Laura]

Laura

#21447

Hi Ben & co, Similar situation, I would like to get rid of the padding around all the images. Doggone WordPress messes with my image size, grrrrr. I have tried the following (and other selector guesses), but I get NO result. In the end, I will give it a padding-top: 12px;

/* for itinerary but may affect all pages */
.page-id-104 [class*=”wp-image”] {
padding: 0;
}

Here’s my site:
http://www.windferntravel.com
go to Details/ItineraryMarch2015
Thanks!! Laura

[Kaval]

Kaval

#21441

Thanks Ben,

OK I am playing around with things and in trying to work out things, was wondering if I could do something like the following:
If you go to boots . com
Hover over “beauty”
All that stuff appears underneath.

Now I am currently messing around with the menus, and so you should see under “shop” on our website that a submenu appears, some of these like have further sub menus, some of which end up off the page!

So I would like it to have the 4 or maybe 5 columns on there, like the boots one, not go off screen, perhaps each 1st level submenu to be in a separate column on the hover (with they’re submenus underneath them).

Thoughts appreciated.
Kav

[Ben Ritner]

Ben Ritner

#21425

My guess is a javascript error in your admin. If you right click with firefox or chrome you can see what errors are on the page. I would check that.

Ben

[Nicola Crossley]

Nicola Crossley

#21412

Hi,

1. I have 5 icon items which make up the icon menu. They are the same width as the header – is there a way to make the whole icon menu smaller in width than the header – so by 30-40% or so. I tried altering the CSS myself but it altered the size of the actual icons rather than the menu as a whole.

2. Is there a way to alter the background behind the icon menu items…I don’t mean the colour of the icon or the hover colour I mean the background – I want the main body of the site in white (as it is now) but a block behind the icon menu to be grey so it stands out. Is this possible?

3. Last one! Is there a shortcode or way through CSS to make the Icon Menu visible on pages and posts please?

Many thanks – I am loving the premium theme and all the ways to customize!

Nic

[Nicola Crossley]

Nicola Crossley

#21412

Hi,

1. I have 5 icon items which make up the icon menu. They are the same width as the header – is there a way to make the whole icon menu smaller in width than the header – so by 30-40% or so. I tried altering the CSS myself but it altered the size of the actual icons rather than the menu as a whole.

2. Is there a way to alter the background behind the icon menu items…I don’t mean the colour of the icon or the hover colour I mean the background – I want the main body of the site in white (as it is now) but a block behind the icon menu to be grey so it stands out. Is this possible?

3. Last one! Is there a shortcode or way through CSS to make the Icon Menu visible on pages and posts please?

Many thanks – I am loving the premium theme and all the ways to customize!

Nic

[Ben Ritner]

Ben Ritner

#21406

Hey,
I think you misunderstand how the filter works. It’s not a Query filter that re scans your site, it only filters what products that are on the page. For example…
http://excelsiorglobal.co.uk/product-category/brands/urban-decay/
See how only the urban-decay options are there.

The filter will not work on pages that are more then one page of products. It’s not designed to. You can set up an ajax filter that will do something like that… see here: http://themes.kadencethemes.com/virtue-premium-3/shop/

That plugin is here: https://wordpress.org/plugins/yith-woocommerce-ajax-navigation/

In general a filter should not be used for site navigation.. use a menu for that like you have on your sidebar.. a filter should only be used to short what products are on the page.

Ben

[Ben Ritner]

Ben Ritner

#21402

It’s tricker then that… Have you considered increasing your min height for the titles in the theme options > shop settings.

The other thing you can do it set a max height with a overflow hidden in the css to hide the title after a certain length.

Using a function to filter the_title() function and make it only apply to the featured product titles on the home page it’s really an option. I think you would be better off removing the call to get the product content and switching that to a custom template. then filtering the “the_title” function right on the special template.

Either way that process is a bit more then what I can offer as theme suppport. I would recommend the first to options and you would need to post a link.

Ben

[Hannah]

Hannah

#21398

So essentially you would create a new page call it search and add a search widget through page builder. Then go to appearance > menus and add the search page as a menu item and give it a search icon. Here’s a tutorial on adding icons to menus- https://www.kadencewp.com/add-icons-to-your-menu-virtue-theme/
That make sense?

Hannah