Search Results for 'page width'

[phil2]

phil2

#225030

Thanks Ben. That fixes the excerpt issue.

I notice that the image sizes are larger with kad_blog and the posts look better using the full width of the page, rather than one of two columns.

Thanks for your help,
Phil.

[client.communications]

client.communications

#224837

My organization uses Virtue Premium, and I noticed recently that the images for our home slider are being overridden by the feature image to our latest post. The settings within Theme Options > Home Slider > Slider Images are correct/haven’t been changed, but all forciably being replaced by the latest post’s faeture image.

We currently have the Homepage Image Slider set to ‘Slider Equal Ratio Images’ – I tested the other options, and the Fullwidth Slider pulls the correct images, but they are distorted from being built to specific dimensions. Can you please explain why this is happening and how I can correct the slider display to pull the correct images?

Thank you,
Jen Daltorio

[client.communications]

client.communications

#224837

My organization uses Virtue Premium, and I noticed recently that the images for our home slider are being overridden by the feature image to our latest post. The settings within Theme Options > Home Slider > Slider Images are correct/haven’t been changed, but all forciably being replaced by the latest post’s faeture image.

We currently have the Homepage Image Slider set to ‘Slider Equal Ratio Images’ – I tested the other options, and the Fullwidth Slider pulls the correct images, but they are distorted from being built to specific dimensions. Can you please explain why this is happening and how I can correct the slider display to pull the correct images?

Thank you,
Jen Daltorio

[Georgina]

Georgina

#224768

Hi guys,

Just trying to get the menu centered on entire page (not just from the logo).

Also have widgets in menu plugin installed (buttons) and wanting those to be positioned to the right.

Is that possible?

[Georgina]

Georgina

#224768

Hi guys,

Just trying to get the menu centered on entire page (not just from the logo).

Also have widgets in menu plugin installed (buttons) and wanting those to be positioned to the right.

Is that possible?

[Glenn]

Glenn

#224723

Hi there,

If Dokan multivendor users are viewing their orders on mobile the link to view each individual order sends the user to a blank page.

On PC when you click on each order, it sends the user to the order details page. If you then drag the browser on PC down to the thinnest width possible you should also see the order details disappear.

We have tried default theme and it works ok on both PC and mobile so for some reason Virtue might be causing the problem.

If you could please look at it I’d appreciate it.

1. Login to http://www.myshop.nz/my-account
2. On the menu click “Seller Tools” then “Dashboard” then “Orders”
3. You’ll see the list of orders, so click on one of these to see order details
4. minimize browser width on pc and you’ll see the order details disappear

Login details next message thanks.

[Glenn]

Glenn

#224723

Hi there,

If Dokan multivendor users are viewing their orders on mobile the link to view each individual order sends the user to a blank page.

On PC when you click on each order, it sends the user to the order details page. If you then drag the browser on PC down to the thinnest width possible you should also see the order details disappear.

We have tried default theme and it works ok on both PC and mobile so for some reason Virtue might be causing the problem.

If you could please look at it I’d appreciate it.

1. Login to http://www.myshop.nz/my-account
2. On the menu click “Seller Tools” then “Dashboard” then “Orders”
3. You’ll see the list of orders, so click on one of these to see order details
4. minimize browser width on pc and you’ll see the order details disappear

Login details next message thanks.

[Jerry]

Jerry

#224582

I’m chasing my tail here. My goal is to simply create a landing page that points to a menu item in my header menu via a 1 page kadence slider.

Here is what I have done.

1. Created website *Login to see link

2. Created a kadence slider with 1 image, full width, full height, single slide on, slide background size cover, added text and a button slider link – *Login to see link – notice introduction menu item instead of just gutenberg.

3. Created a landing page – *Login to see link – template landing page no header, page content width full width.

4. Inserted kadence slider shortcode into Home page.

5. Dashboard – Settings – Reading – homepage home.

6. Dashboard – Pages – Home page view does not look like a landing page – both header and footer appear.

I’ll follow-up with my sign in information in a private entry if you need it.

Thanks for your help.

Jerry

[Jerry]

Jerry

#224582

I’m chasing my tail here. My goal is to simply create a landing page that points to a menu item in my header menu via a 1 page kadence slider.

Here is what I have done.

1. Created website *Login to see link

2. Created a kadence slider with 1 image, full width, full height, single slide on, slide background size cover, added text and a button slider link – *Login to see link – notice introduction menu item instead of just gutenberg.

3. Created a landing page – *Login to see link – template landing page no header, page content width full width.

4. Inserted kadence slider shortcode into Home page.

5. Dashboard – Settings – Reading – homepage home.

6. Dashboard – Pages – Home page view does not look like a landing page – both header and footer appear.

I’ll follow-up with my sign in information in a private entry if you need it.

Thanks for your help.

Jerry

[Kevin]

Kevin

#224513

Hello,

Looks like something is overriding the page layout. I can’t tell for sure what’s wrong, but adding this CSS to theme Options> Advanced Settings should fix it:

@media (min-width: 1200px) {
#content.container-fullwidth {
    width: 1170px !important;
}
}

-Kevin

[Jerry]

Jerry

#224505

I am trying to create a landing page with not only a Title and Subtitle, but also a button. I am trying to put the button in a different location from the Title and Subtitle. I have not succeeded. I did the following:

1. Defined the page Template as Landing – no header.
2. Set Page Content Width to Fullwidth.
3. Added a Kadence Overlay Image block.
4. Edited and styled the Title and Subtitle.
5. Created a button with Kadence Advanced Button block.
6. Tried to drag button over overlay image without success.

*Login to see link

If you page down you will see the button at the bottom of the screen. Of course I do not want it there but do want to be able to locate it anywhere over the image.

Thanks for your help.

Jerry

[Jerry]

Jerry

#224505

I am trying to create a landing page with not only a Title and Subtitle, but also a button. I am trying to put the button in a different location from the Title and Subtitle. I have not succeeded. I did the following:

1. Defined the page Template as Landing – no header.
2. Set Page Content Width to Fullwidth.
3. Added a Kadence Overlay Image block.
4. Edited and styled the Title and Subtitle.
5. Created a button with Kadence Advanced Button block.
6. Tried to drag button over overlay image without success.

*Login to see link

If you page down you will see the button at the bottom of the screen. Of course I do not want it there but do want to be able to locate it anywhere over the image.

Thanks for your help.

Jerry

[Gert]

Gert

#224371

Hello Hannah,

Thanks for your reply.

I tried what you suggested. I increased the header height to 220, but then automatically my logo became bigger (too big). So I then reduced the size of the logo (logo container width), but there seems to be no difference between the 33% en 41%-setting (both result in the same size of logo).

When I add your custom css (70 px or higher), this just increases the space between my logo and the article title. When I open an image Lightbox (for example on the following test page: https://blog.gerthermans.be/test/ ), the controls of the Lightbox (in the upper right corner) still get trapped behind the sticky topbar.

Gert

[Ben Ritner]

Ben Ritner

#224128

I encourage you to not put all the in the dropdown menu, I see the temptation but it’s usually not user-friendly. I suggest a link to a page that shows good navigation on the page.

However many site owners don’t process how their users are going to navigate a site they do not know and they will demand something like this. If that is the case then I can suggest this css:

.menu-item-3860 > ul.sub-menu > li.menu-item {
    width: 50%;
    float:left;
}
.menu-item-3860 > ul.sub-menu {
    width: 330px;
}

Ben

[Ben Ritner]

Ben Ritner

#224062

Hey,
Thanks for posting.

1. Yes, the page becomes fullwidth and then you add in the content you want to show, like a contact form.
2. Yes.

I hope that helps,

Ben

[chriscara]

chriscara

#223949

Hello, is it possible to make the header full width but contain the page content to 940 px?

Thanks.

[chriscara]

chriscara

#223949

Hello, is it possible to make the header full width but contain the page content to 940 px?

Thanks.

[Michael]

Michael

#223721

this website
*Login to see link

it happens sometimes on the home page, sometimes on other pages

I cant duplicate always the sequence that causes it, but I suspect it depends on how long individual elements take to load

typically, I would begin by squashing the width of the browser window by dragging the width in to minimum width to see how things look in mobile format…
then I would pop the resize button in the top right of the window to go back to full screen (in Chrome).

sometimes this would result in the title background image not resizing correctly and appearing to repeat on a second row

[Michael]

Michael

#223721

this website
*Login to see link

it happens sometimes on the home page, sometimes on other pages

I cant duplicate always the sequence that causes it, but I suspect it depends on how long individual elements take to load

typically, I would begin by squashing the width of the browser window by dragging the width in to minimum width to see how things look in mobile format…
then I would pop the resize button in the top right of the window to go back to full screen (in Chrome).

sometimes this would result in the title background image not resizing correctly and appearing to repeat on a second row

[Ben Ritner]

Ben Ritner

#223369

I set the page template to full width for you. This has to do with a strange bug/issue in WordPress that hasn’t ever gotten fixed because to fix it would break other things.

Basically, the “default” template is supposed to use page.php but when the slug of the page (in this case “contact”) is the same as the slug of a page template that page template is used. So the contact page template was partially loading and throwing off the sidebar settings.

Should be all set now.

Ben

[Ben Ritner]

Ben Ritner

#223357

Hey for this to work with the I sent the first two images have to be 50%.

For the first to be fullwidth you have to use this css:

@media (min-width: 767px){
    .portfolio-project .kt-gallery-column-1 {
        height:auto !important;
    }
    .portfolio-project .kt-gallery-column-1 .g_item {
        width: 50%;
        float: left;
        position:static !important;
    }
    .portfolio-project .kt-gallery-column-1 .g_item:nth-child(3n+1) {
        width: 100%;
        float:none;
        clear:both;
    }
}

1. You can add this css which will remove that effect:

.portfolio-project .gallery_item:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.portfolio-project .gallery_item .gallery-link:after {
    display:none;
}

2. Not really, You can tell the browser to not treat the image as a link but this won’t work in every situation just most.

.portfolio-project .gallery_item a {
    pointer-events: none !important;
    cursor: default;
}

You turn off the portfolio project option and create a gallery in the page content (will mean the title is above the gallery not below) and that would allow you to set the gallery output to link=”none” in the gallery shortcode.

Ben

[Josh]

Josh

#223347

Greetings!

I’m using Kadence Slider Pro with the Astra theme. I’ve opted for Fullwdith slider design (overriding width/height px value).

On page load, the slider appears fullwidth as it should. However, when I change screen orientation (adjust page width responsively), the slider images suddenly change from fullwidth (nav arrows within image container) to the left arrow being outside the image container. Does that make sense?

If I view the slider on a mobile phone and change from portrait to landscape, the left arrow of the slider pushes the image content to the right of the arrow.

I was able to solve this temporarily by adding the following CSS to my child theme stylesheet:
ul {margin-left: 0px;}

However, this is a global command, so bullet lists within posts which utilize “ul” now display too far to the left of the page.

Is there any way to add a custom class or ID to the Kadence Slider that can target it’s “ul” without affecting the rest of the website?

Thanks!
Josh

[Josh]

Josh

#223347

Greetings!

I’m using Kadence Slider Pro with the Astra theme. I’ve opted for Fullwdith slider design (overriding width/height px value).

On page load, the slider appears fullwidth as it should. However, when I change screen orientation (adjust page width responsively), the slider images suddenly change from fullwidth (nav arrows within image container) to the left arrow being outside the image container. Does that make sense?

If I view the slider on a mobile phone and change from portrait to landscape, the left arrow of the slider pushes the image content to the right of the arrow.

I was able to solve this temporarily by adding the following CSS to my child theme stylesheet:
ul {margin-left: 0px;}

However, this is a global command, so bullet lists within posts which utilize “ul” now display too far to the left of the page.

Is there any way to add a custom class or ID to the Kadence Slider that can target it’s “ul” without affecting the rest of the website?

Thanks!
Josh

[kelly5]

kelly5

#223339

Hi Kevin & Team,

Thank you for correcting me – I appreciate knowing the correct concept!

ITEM #1
After reading the tutorial from the link you shared, I am happy to report I was using the correct methods. I’ve managed to get mine “looking” close enough to how I want the blog element. The images however I couldn’t figure out so I placed a static image instead that can act as a place-holder for the category featured. Is there a way to display the blog post featured image as seen on the home page of Ascend #2? You can see what I managed to get to here, I’ll leave it be for now so you can see it: http://www.kellyheckphotography.com.php72-4.lan3-1.websitetestlink.com/

ITEM #2
I haven’t tried modifying the fullwidth row column to have those beautiful framed elements yet, but any direction for that would be wonderful too. Is that just a “top centered” background image for the 3 little white carrots, and the same idea for the bottom that blends with the color of the footer? I’d like to know how to do that if sharing is within reason for your premium support services.

Thank you!

[Kevin]

Kevin

#223326

Hello,

Just to clarify, neither of those sites are using a child theme, they are both configured within the constraints of the default theme. So you can accomplish this on any site with Ascend!

The blog area is configured using page builder in the home page content. It’s set to show 3 columns, each column containing a Ascend: Recent Posts Widget. Each column is set to show only posts of a certain category.

The call to action is also added in page builder, using a fullwidth row with one column.

Here’s more information on the page builder plugin:
https://www.kadencewp.com/using-page-builder/

Let me know if this is helpful!

-Kevin

[Kevin]

Kevin

#223277

Hello,

1. The post grid element doesn’t have an option for columns. The columns are defined by the width of the container.

2. If you’re not seeing those options and are using the classic editor, make sure those sections are enabled in the screen options at the top of the page.

If using the block editor, you should see them in the main sidebar.

Let me know if that’s helpful!

-Kevin

[Ben Ritner]

Ben Ritner

#222865

Hello, the problem is that my browser always chooses the 270×270 image

You have chosen to set the content width for this page to fullwidth screen width, that makes it so the content can endlessly grow based on screen size. This is all the more reason to have larger images because on my screen your columns are 600px wide which means the minimum image size you need just to support this HD screen is 1200px.

Because of that ^^ you are using fullwidth, I am going to suggest you change to the shortcode, then you can set the width which will change your minimum size from 270 to whatever you set, I suggest 600.

Ben

[Ben Ritner]

Ben Ritner

#222769

Hey,
Thanks for posting!

I strongly advise that you upload images much larger than 423px. At least 1600×1600 but usually more like 2000×2000 is what I recommend.

The reason is that WordPress along with the theme can then create multiple sizes of your image from 270 there would also be 540 and so on. Then when outputting the image srcset is used to give the browser multiple options. This is powerful because then the browser can choose the best for the screen viewing. If the size of your container is 423px then for the majority of screens you need images at 846px because HD screens usually have twice the pixel density of standard screens.

In terms of image size, 270 is used because that is what makes sense for how the theme normally outputs a 4 column grid. The theme has a max content width of 1140. So 270 works nicely for standard screen sizes and then srcset is used to support HD screens.

You have chosen to set the content width for this page to fullwidth screen width, that makes it so the content can endlessly grow based on screen size. This is all the more reason to have larger images because on my screen your columns are 600px wide which means the minimum image size you need just to support this HD screen is 1200px.

To change the default output image sizes you can use a shortcode, so lets say you wanted your base portfolio image width to be 423 instead of 270. Then instead of using the portfolio grid page template set the page to a standard page and use this shortcode:

[portfolio_posts columns="4" width="423" height="none" items="12"]

I hope that helps clarify and gives you some options.

Ben