Search Results for 'page '

[Ben Ritner]

Ben Ritner

#190119

Hey,
There isn’t, it’s only for the single product pages. To add a caption like that into the product archive loop you would have to use a child theme and add a custom function. Something like this:

    function custom_woo_archive_image_caption() {
        global $post;
        $caption = get_post_field( 'post_excerpt', get_post_thumbnail_id( $post->ID ) );
        if ( ! empty( $caption ) ) {
             echo  '<span class="sp-gal-image-caption">'.wp_kses_post( $caption ).'</span>';
	}
    }
    add_action( 'woocommerce_before_shop_loop_item_title', 'custom_woo_archive_image_caption', 40 );

Ben

[Saskia]

Saskia

#190113

Hi,

Please can you let me know how to remove the space allocated to the page header.

Thanks.

Saskia

[Saskia]

Saskia

#190113

Hi,

Please can you let me know how to remove the space allocated to the page header.

Thanks.

Saskia

[Colin]

Colin

#190111

Hi Hannah
I’m sorry – I just checked back and weirdly, whilst the page was saying ‘settings saved’ they clearly were not. I just refreshed everything and resaved and it’s all working for me now.
I was having Internet issues yesterday, maybe that was why.
Thanks anyway – all good!

[Hannah]

Hannah

#190108

Hi Randi,
I would recommend using page builder. Then you can create a row with two columns and put your text in one and your gallery in the other. Would that work for you?

Hannah

[Kevin]

Kevin

#190107

Hello,

You can add a parallax background image to any widget using page builder. This tutorial outlines doing so with a call to action widget, but the same method should apply for any other widgets:
https://www.kadencewp.com/using-page-builder/

Let me know if that works for you.

-Kevin

[Jesse]

Jesse

#190100

HI,

I was curious what would be the best way to add a parallax image to the top of my page, but something that I could add a shortcode on top of to pull in a widget.

I know with Kadence slider, I can add the parallax feature to the slides, but I can only add text on top of that image. I want a search widget to be vertically and horizontally centered in that image…but I would like the image to have that parallax function as the user scrolls.

Any thoughts on how to best accomplish that?

[Jesse]

Jesse

#190100

HI,

I was curious what would be the best way to add a parallax image to the top of my page, but something that I could add a shortcode on top of to pull in a widget.

I know with Kadence slider, I can add the parallax feature to the slides, but I can only add text on top of that image. I want a search widget to be vertically and horizontally centered in that image…but I would like the image to have that parallax function as the user scrolls.

Any thoughts on how to best accomplish that?

[JR]

JR

#190087

I have Booster for Woocommerce that is selected to show Related Products at the bottom of each product page by tag and category.

In Chrome and Firefox as the page loads I can see the Related Products load for a second and then they disapear?

The title of the section Related Products is there

I tried inspecting the code of the page but found no errors and cannot figure it out

Here is just one sample product page

*Login to see link

[JR]

JR

#190087

I have Booster for Woocommerce that is selected to show Related Products at the bottom of each product page by tag and category.

In Chrome and Firefox as the page loads I can see the Related Products load for a second and then they disapear?

The title of the section Related Products is there

I tried inspecting the code of the page but found no errors and cannot figure it out

Here is just one sample product page

*Login to see link

[Ben Ritner]

Ben Ritner

#190075

I went into your site and click on “sort products” and the joystick product you are worried about was sorted as the last product. I moved it up for you.

Make sure you are clicking on “screen options” at the top right corner and setting the posts per page to as many products as you have so you can sort all your products if you are wanting to manually sort.

Ben

[Ben Ritner]

Ben Ritner

#190030

ok well that was easy it’s coming through this page: http://www.cloudwireless.uk/contact-us/

Just delete that page (and every page your not using).

Ben

[Ben Ritner]

Ben Ritner

#190029

Hey,
Sorry, let me try and explain better.

Your slider design is not good for full-screen, full width. This is because you are wanting text to stay in a max width grid but you’re wanting the background to be fullwidth and thats fine except you are wanting the background to maintain a specific position with your text. Thats not possible and it’s not a limitation of the slider but a design impossibility. You either have to set the text to expand to some incredible width which would put it outside the page content width or you have to set a max width on your slider background as well.

Does that make more sense?

Ideally, when creating a slider like this your background can be a background and be separate from the text in your slider so that as it fills the width of the screen the text doesn’t have to land on one specific spot in that background.

Ben

[Ben Ritner]

Ben Ritner

#190024

Hey,
You would just need to turn off the map option in your contact page and use a plugin to add open street map.

Ben

[Ben Ritner]

Ben Ritner

#190021

Hey,
When you set it to 1 column it’s going to fill the space given. And the height will follow your ratio with the width.

So I suggest in pagebuilder you make three columns and place the shortcode in the center which will define the container that the one column portfolio posts should fill.

Ben

[madelucccar]

madelucccar

#189996

Hannah,

The changing cat for type indeed solve my problem. I made the div container transparent using a similar style sheets but I added to my Page Builder widget.

url: https://winenext.com

1- I added [portfolio_posts items="1" columns="1" style="pgrid" ratio="landscape" lightbox="true" type="cast-wines" height=200 ] but now my cast wines portfolio display is TOO big! How I change it’s height and width?

[madelucccar]

madelucccar

#189994

Hi Hannah,

url: https://winenext.com

1- On my landing page this is the shortcode I have implemented to only display the Cast Wines portfolio link, and yes I do want the hover effect with the portfolio info. This is my current shortcode [portfolio_posts items="1" columns="2" style="pgrid" ratio="landscape" lightbox="true" cat="cast-wines" ]

url: https://winenext.com/producers/

2- Where it says “You select, we connect, they ship”. The WHITE <div> container in front of the cellar key picture. I would like to have that white background semi transparent. What class should I call? Is to the right of where it says “What’s next? UNLOCK AND DISCOVER CELLAR GEMS. Our artisan wine producers have given us access to some of their rare and exclusive limited releases, back vintages and large format bottles”

[Ivo]

Ivo

#189993

This reply has been marked as private.

[Angelo]

Angelo

#189992

Hi Ben,

Since Google is going to make this big changes in its payment policy of map API, my question is very simple How can I use openstreetmap instead of Google map in your theme? I mean than in the contact form page it’s required a Google API Key, can you make a variation to use openstreetmap?

Thanks
Angelo

[Angelo]

Angelo

#189992

Hi Ben,

Since Google is going to make this big changes in its payment policy of map API, my question is very simple How can I use openstreetmap instead of Google map in your theme? I mean than in the contact form page it’s required a Google API Key, can you make a variation to use openstreetmap?

Thanks
Angelo

[info132]

info132

#189990

This reply has been marked as private.

[info132]

info132

#189989

Hi Ben,

if you remember, you helped me replacing the page title with the image and arrow beneath. Works perfectly everywhere except on the Portfolio pages, where a white line shows above the header. Can’t figure out why, because i copied from other pages that work. Maybe the Portfolios have something different?

The div’s are added in a HTML widget, but i also tried in text/visual editor:
<div class="wrap_header">[kadence_slider_pro id="7"]
<div class="arrow"></div>
</div>

The CSS:
.wrap_header {
position: relative;
overflow: hidden;
width: 100%;
height: 600px;
margin: 0px;
}
.wrap_header img {
width: 100%;
}

.arrow {
position: absolute;
bottom: 0;
width: 100%;
padding-bottom: 0;
background-color: transparent;
}
.arrow:before, .arrow:after {
content: '';
position: absolute;
bottom: 0;
width: 50%;
padding-bottom: 50px;
background-color: white;
}

.arrow:before {
right: 50%;
-ms-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-ms-transform: skewX(60deg);
-webkit-transform: skewX(60deg);
transform: skewX(60deg);
}
.arrow:after {
left: 50%;
-ms-transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-ms-transform: skewX(-60deg);
-webkit-transform: skewX(-60deg);
transform: skewX(-60deg);
}

@media (max-width: 780px){
.arrow:before, .arrow:after {
padding-bottom: 35px;
}
}

[info132]

info132

#189989

Hi Ben,

if you remember, you helped me replacing the page title with the image and arrow beneath. Works perfectly everywhere except on the Portfolio pages, where a white line shows above the header. Can’t figure out why, because i copied from other pages that work. Maybe the Portfolios have something different?

The div’s are added in a HTML widget, but i also tried in text/visual editor:
<div class="wrap_header">[kadence_slider_pro id="7"]
<div class="arrow"></div>
</div>

The CSS:
.wrap_header {
position: relative;
overflow: hidden;
width: 100%;
height: 600px;
margin: 0px;
}
.wrap_header img {
width: 100%;
}

.arrow {
position: absolute;
bottom: 0;
width: 100%;
padding-bottom: 0;
background-color: transparent;
}
.arrow:before, .arrow:after {
content: '';
position: absolute;
bottom: 0;
width: 50%;
padding-bottom: 50px;
background-color: white;
}

.arrow:before {
right: 50%;
-ms-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-ms-transform: skewX(60deg);
-webkit-transform: skewX(60deg);
transform: skewX(60deg);
}
.arrow:after {
left: 50%;
-ms-transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-ms-transform: skewX(-60deg);
-webkit-transform: skewX(-60deg);
transform: skewX(-60deg);
}

@media (max-width: 780px){
.arrow:before, .arrow:after {
padding-bottom: 35px;
}
}

[Anonymous]

Anonymous

#189962

Hi Ben,

Thanks for the suggestion. I just set up a single carousel and I am pretty happy with how it looks, but I am wondering if I can center the title “Popular Solutions” instead of it being left-aligned.

See towards the bottom of the page here:
http://gallbladderattack.xyz/

Thank you,
Amber

[Ben Ritner]

Ben Ritner

#189956

Hey,
1. Mobile browsers don’t allow autoplay of videos. ON mobile the background image is the fallback and shows automatically instead of the video since background videos are not supported by the browser. Have you set a background image?

2. When you add a staff shortcode you can select a group by using group="cast" in your shortcode.

3. Are you talking about the “YOUR SELECT!” section. or all three of those info boxes?
If so edit the widget and in the attributes add that css to the css box.

4. In your page template settings, you can select to only show one portfolio type. Just set cast in it’s own type so you can select it individually.

http://docs.kadencethemes.com/ascend-premium/templates/portfolio-page-template/

5. You can add enable_math="false" to the contact form shortcode.

6. You can change the label by using this in the shortcode:

label_message="Please list requested date/time and how many will be in attendance"

7. Theme options > portfolio options : “Portfolio Navigation Options” turn off “Enable Arrow navigation for single portfolio posts?”

I hope that helps.

Ben