Search Results for 'page '

[Ben Ritner]

Ben Ritner

#245904

You put this in your footer scripts:

<style>
#exampleImage { cursor:zoom-in; }<br />#exampleImage:-webkit-full-screen { cursor:zoom-out; }<br />#exampleImage:-moz-full-screen { cursor:zoom-out; }<br />#exampleImage:-ms-fullscreen { cursor:zoom-out; }<br />#exampleImage:fullscreen { cursor:zoom-out; }<br /></style>
<button id="btnFullscreen" type="button">Toggle Fullscreen</button>

<script>

function toggleFullscreen(elem) {
  elem = elem || document.documentElement;
  if (!document.fullscreenElement && !document.mozFullScreenElement &&
    !document.webkitFullscreenElement && !document.msFullscreenElement) {
    if (elem.requestFullscreen) {
      elem.requestFullscreen();
    } else if (elem.msRequestFullscreen) {
      elem.msRequestFullscreen();
    } else if (elem.mozRequestFullScreen) {
      elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullscreen) {
      elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
    }
  } else {
    if (document.exitFullscreen) {
      document.exitFullscreen();
    } else if (document.msExitFullscreen) {
      document.msExitFullscreen();
    } else if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) {
      document.webkitExitFullscreen();
    }
  }
}

document.getElementById('btnFullscreen').addEventListener('click', function() {
  toggleFullscreen();
});

document.getElementById('exampleImage').addEventListener('click', function() {
  toggleFullscreen(this);
});
</script>

that is breaking your page. That is your main error. I removed it. I suggest you leave it off.

The second error, you added this in your theme options header scripts:

 <script type="text/javascript">
jQuery(document).ready(function ($) {
$('#portfoliowrapper').isotopeb({ filter: '.portfolio-cat' });
});
</script>

That doesn’t make sense, I don’t know why you were adding that but it meant that all your posts were hidden.

The third error for your portfolio posts is that you have not assigned a featured image for each post? You have to give the portfolio posts a featured image for them to show. I set one so you have an example.

Ben

[Ben Ritner]

Ben Ritner

#245898

Hey,
I want to clarify a few things before I answer this. are you wanting to have pages on your site that show both blog posts and recipes interspersed? Or would they be separate completely?

Ben

[Ben Ritner]

Ben Ritner

#245893

Hey,
Your link takes me to a page not found, the kt_accordion_scrollTo is what would scroll you down to the anchor. If you are getting a double scroll it means your have another plugin or your theme is adding scroll to effects.

Ben

[Ben Ritner]

Ben Ritner

#245889

Who are you hosting with, I’m seeing a decent delay before your server even sends a response.

With AU I assume you are using a host there and so it’s important when testing that you test from Australia and not from UK or USA because that will not give you accurate load times. Unless your customers are in UK and USA in which case you need to look at hosting and a pro-Cloudflare solution.

I suggest you lazy load your images. And limiting your facebook, google, zipmoney to only what is absolutely necessary. All those scripts hit our page load.

While testing I checked your cached file and noticed that it seemed to be getting cleared every minute. Is that intentional?

From my tests, it seems that our server is lower end, I suggest you use cloud flare even a free account.

Ben

[Brandy]

Brandy

#245888

Hello Team Kadence!

I have some theme extension dependencies that I added to our child them for the staff (extra fields that can be turned on/off as needed but only if ‘staff’ is turned on). It works as expected, except it adds these dependenciess to the end of the page for Theme Extensions, and I’d like them to be part of the ‘staff’ section since it goes to the staff.

Is there a way to make the theme extensions (or any page options really) load in a certain order? For example:

I tried removing the staff section and re-adding it (I used the same code to adjust labels and that works), but it loaded in the same spot (under ‘Portfolio Options’). I’m able to order anything I add but not what’s built in (portfolio, staff, testimonials, etc).

Thanks for the help.

[Brandy]

Brandy

#245888

Hello Team Kadence!

I have some theme extension dependencies that I added to our child them for the staff (extra fields that can be turned on/off as needed but only if ‘staff’ is turned on). It works as expected, except it adds these dependenciess to the end of the page for Theme Extensions, and I’d like them to be part of the ‘staff’ section since it goes to the staff.

Is there a way to make the theme extensions (or any page options really) load in a certain order? For example:

I tried removing the staff section and re-adding it (I used the same code to adjust labels and that works), but it loaded in the same spot (under ‘Portfolio Options’). I’m able to order anything I add but not what’s built in (portfolio, staff, testimonials, etc).

Thanks for the help.

[Brandon]

Brandon

#245883

Hey Hannah,

Sorry my question was a little confusing. To be clearer, is it best for me to:

1. Create separate pages like you suggested for each POST category and define the output for each one (that’d be a lot of pages but I know how to execute it)
or
2. Modify the blog archive settings to display a list of posts differently depending on which category is being shown (this seems easier but how would I accomplish this?)

Best,
Brandon

[Hannah]

Hannah

#245882

Hey,
Looks like you already have pagination working on that page? Were you able to figure this out?

Hannah

[Hannah]

Hannah

#245880

Hi Stephan,
There isn’t a way to make the featured image show behind the page title without setting it as such within the individual post edit pages. If you want to have a set page title image for your posts then you can set “Show Blog Title in Header area by default” to “On” from Theme Options > Blog Settings > Single Blog Post Header. Then your post title image will pull from your page title default settings from Theme Options > Default Title Options.

Hannah

[Hannah]

Hannah

#245878

Hey,
“Is the best way to accomplish this with separate pages like you suggested or by modifying the blog archive settings depending on category?” Yes. In your blog archive edit pages you can choose the format for that specific archive page and you can choose a specific sidebar.

Hannah

[Hannah]

Hannah

#245871

Hi Muhammad,
If you set your homepage as your latest post page from settings > reading, then enable Page Content in the homepage layout manager from theme options > home layout, then your latest post will display on the homepage and you can choose to show pagination.
Hope that helps!

Hannah

[Hannah]

Hannah

#245870

Hey,
If the Block editor is your default editor then you can assume that a page is built using that. If not, it should say beside the page title (in your list of pages) which editor is being used for that page. Let me know if this is not the case for you.

Hannah

[Anders]

Anders

#245869

Hi,

I’m using Elementor and Kadence Slider Pro on a new site. On the first page I have this block with text and the slider behind. When decreasing the screen size the dots appear in the text box. I just can’t find any way to turn off the navigation. Could you please help me out?

See what I mean here:
Screenshot

[Anders]

Anders

#245869

Hi,

I’m using Elementor and Kadence Slider Pro on a new site. On the first page I have this block with text and the slider behind. When decreasing the screen size the dots appear in the text box. I just can’t find any way to turn off the navigation. Could you please help me out?

See what I mean here:
Screenshot

[Alex Vasquez]

Alex Vasquez

#245862

Hello Kadence Suppor Team.

I need some help with an accordion block.

I set up a link called ‘Maternity Tour & Orientation’ with the anchor #babylp-take-tour. This link scrolls correctly to an accordion located on the same page. The accordion has the id ‘babylp-take-tour’. The problem is that after the anchor link is clicked the screen scrolls correctly to the accordion, but then the screen scrolls back to the top of the page.
I searched into the code and figured out that the issue is fired in the function ‘kt_accordion_scrollTo’ located inside the function ‘kt_anchor_accordion’ at the file kt-accordion.js

This is the page
*Login to see link

[Alex Vasquez]

Alex Vasquez

#245862

Hello Kadence Suppor Team.

I need some help with an accordion block.

I set up a link called ‘Maternity Tour & Orientation’ with the anchor #babylp-take-tour. This link scrolls correctly to an accordion located on the same page. The accordion has the id ‘babylp-take-tour’. The problem is that after the anchor link is clicked the screen scrolls correctly to the accordion, but then the screen scrolls back to the top of the page.
I searched into the code and figured out that the issue is fired in the function ‘kt_accordion_scrollTo’ located inside the function ‘kt_anchor_accordion’ at the file kt-accordion.js

This is the page
*Login to see link

[Brandon]

Brandon

#245859

Hi Hannah,

Yes, thank you for that tip. I understand that I can create separate pages to only display certain types of posts. Instead of that though, I’d like to format the archive blog pages depending on which category is being displayed. For example, if any of my “Blog Post” categories are displayed, I want them to have a certain format and sidebar. If any of my Recipe categories are displayed, I want them to have a different format and sidebar. Is the best way to accomplish this with separate pages like you suggested or by modifying the blog archive settings depending on category?

I’m concerned about how the posts will display when a user clicks on a certain “Category” from the sidebar or header.

Best,
Brandon

[MCW1891]

MCW1891

#245853

Hi all

the relaunch of our website is nearly final and we´re very happy about the fresh and beautiful design offered by pro-virtue theme with tons of options.

Last, but not least we are working on the main menu and have questions regarding this:

Desktop-Version:
1. We set the main-menu´s position by
#nav-main ul.sf-menu {
margin-top: 45px;
}

considering a font-size of 18px and a line-height of 18px.

The top of the submenu shall be equal to the top of the background-video on our main page. So we did the following:

#nav-main .sub-menu {
margin-top: 12px;
}

In this case the problem is that there seems to be too much space between the main manu and submenu so that one “looses” the connection to menu and the submenu closes while hovering. Is there a way how to avoid this?

2. Is it possible to use an arrow at the top of the submenu like here:

Or alternatively, a red-colored line at the top of the submenu?

Mobile Version:
3. We use a topbar-symbolmenu and have activated the topbar mobile-menu-layout. But the topbar menu isn´t transferred in the mobile version, for example the blog-link is missing.
4. Using a smartphone there are a several gray boxes overlaying each other, especially after one has visited a special page and clicking on the main menu again. This doesn´t look nice, see here:

It shall look like here before you have clicked on a link:

How can we avoid the overlaying gray boxes in the mobile menu?

5. Using a tablet (768×1024) the main menu is hardly too recognize because of a missing background-colour, please have a look at:

On several pages the menu is hided by the content (on the main page there is no video although we don´t use a lightweight slider for tables???).
Further on, it isn´t possible to click on the topbar-menu-icons: they seem to be over layered by the logo.
How can we solve these issues?

Best regards

• This topic was modified 6 years, 1 month ago by MCW1891.
• This topic was modified 6 years, 1 month ago by MCW1891.
• This topic was modified 6 years, 1 month ago by MCW1891.

[MCW1891]

MCW1891

#245853

Hi all

the relaunch of our website is nearly final and we´re very happy about the fresh and beautiful design offered by pro-virtue theme with tons of options.

Last, but not least we are working on the main menu and have questions regarding this:

Desktop-Version:
1. We set the main-menu´s position by
#nav-main ul.sf-menu {
margin-top: 45px;
}

considering a font-size of 18px and a line-height of 18px.

The top of the submenu shall be equal to the top of the background-video on our main page. So we did the following:

#nav-main .sub-menu {
margin-top: 12px;
}

In this case the problem is that there seems to be too much space between the main manu and submenu so that one “looses” the connection to menu and the submenu closes while hovering. Is there a way how to avoid this?

2. Is it possible to use an arrow at the top of the submenu like here:

Or alternatively, a red-colored line at the top of the submenu?

Mobile Version:
3. We use a topbar-symbolmenu and have activated the topbar mobile-menu-layout. But the topbar menu isn´t transferred in the mobile version, for example the blog-link is missing.
4. Using a smartphone there are a several gray boxes overlaying each other, especially after one has visited a special page and clicking on the main menu again. This doesn´t look nice, see here:

It shall look like here before you have clicked on a link:

How can we avoid the overlaying gray boxes in the mobile menu?

5. Using a tablet (768×1024) the main menu is hardly too recognize because of a missing background-colour, please have a look at:

On several pages the menu is hided by the content (on the main page there is no video although we don´t use a lightweight slider for tables???).
Further on, it isn´t possible to click on the topbar-menu-icons: they seem to be over layered by the logo.
How can we solve these issues?

Best regards

• This topic was modified 6 years, 1 month ago by MCW1891.
• This topic was modified 6 years, 1 month ago by MCW1891.
• This topic was modified 6 years, 1 month ago by MCW1891.

[Phil Illingworth]

Phil Illingworth

#245850

We’ve worked out that we can solve this by changing from Page Content module to Latest Posts module. Thanks!

[accounts]

accounts

#245848

This reply has been marked as private.

[accounts]

accounts

#245847

A size chart was added to our products based on categories, and it was working fine.

Once we created a new product page with Woo Product Template, the size chart widget is placed into a row but it does not show up on our page. I belive it is not working.

[accounts]

accounts

#245847

A size chart was added to our products based on categories, and it was working fine.

Once we created a new product page with Woo Product Template, the size chart widget is placed into a row but it does not show up on our page. I belive it is not working.

[adventuretravelcoach]

adventuretravelcoach

#245845

Hey Ben,
What I actually meant was how can I see which editor was used.

When I want to make changes to an old post, I see more than one editor mentioned under Posts for that specific Post or Page. I can’t remember which one I’ve used before. I know its stupid sorry.

I’ve started using the Kadence blocks – I hope to eventually get there (if you know what I mean) 🙂
Thanks for the help.

Mimmie

[Phil Illingworth]

Phil Illingworth

#245844

I’ve added a screen grab which better explains – we’d like to lose the buttons, keep to a block of 6 items but not limit the number of posts to 6 on a page in any particular category

Thanks again,

Phil