Search Results for 'page width'

[Rebecca]

Rebecca

#239343

Unfortunately this CSS is causing a number of other problems:
1. in Desktop view, the copyright line at the bottom of the page gets cut off.
2. in Tablet view, the white space still appears below the footer (I assume since this is a media query only for min-width: 992px).
3. in wide Desktop view on a page with two rows, the bottom half of the second row gets half-covered by the footer when you shorten the height of the window. This doesn’t happen when this custom CSS is not applied.

I’ve tried adjusting the padding-bottom and height percentages, but that creates different problems without solving the problems above.

I’ll post screenshots in a private reply.

[Hannah]

Hannah

#239312

1. No, not without manually adding the image directly to the top of your content area.

2. You can set a max-width for you image from your post edit page under Image Post Options. The height is determined by the width.

Hannah

[Robert]

Robert

#239295

I can’t remember how to control the color, opacity, line thickness and border width of the line for this widget. It also shows up again when I have a page whose template is “Portfolio Grid”.

Widget: Image Menu Item: When you hover over them, the image slightly enlarges, there is a slightly blue over color overlay, a white thin line border comes up and a title. The main title moves up slightly and the subtitle prints under it.

Portfolio Grid: When you hover over them, the image slightly shrinks, there is a slightly blue over color overlay, a white line border comes up and a title.

I suspect the color is the primary color under the Theme Options > Basic Styling.

But how do I control the opacity, line border width, and whether it shrinks or enlarges? /Bob

[Robert]

Robert

#239295

I can’t remember how to control the color, opacity, line thickness and border width of the line for this widget. It also shows up again when I have a page whose template is “Portfolio Grid”.

Widget: Image Menu Item: When you hover over them, the image slightly enlarges, there is a slightly blue over color overlay, a white thin line border comes up and a title. The main title moves up slightly and the subtitle prints under it.

Portfolio Grid: When you hover over them, the image slightly shrinks, there is a slightly blue over color overlay, a white line border comes up and a title.

I suspect the color is the primary color under the Theme Options > Basic Styling.

But how do I control the opacity, line border width, and whether it shrinks or enlarges? /Bob

[Online2020]

Online2020

#239264

I think what they mean by “Local” is wp-content/uploads urls. Since kadence is adding the background image to the page css I dont know if offload media filter to convert the wp-content/uploads local url to cloud url s3:// is actually firing or Kadence is not using the_content. Is there a filter that kadence applies to the_content before it adds it to the page as css? Could we possible apply the as3cf_filter_post_local_to_provider filter provided by offload media to the kadence filter?

$content = 'Lorem ipsum... <img src="http://wordpress.dev/wp-content/uploads/2017/03/image.jpeg" alt="" width="300" height="200" class="alignnone size-medium wp-image-491" />';
$content = apply_filters( 'as3cf_filter_post_local_to_provider', $content );
// $content = 'Lorem ipsum... <img src="https://s3-eu-west-1.amazonaws.com/your-bucket-name/wp-content/uploads/2017/03/image.jpeg" alt="" width="300" height="200" class="alignnone size-medium wp-image-491" />';

Offload media takes media and sends it to AWS S3 and rewrites urls on page load to the proper place

• This reply was modified 6 years, 6 months ago by Online2020.

[Hannah]

Hannah

#239115

Try adding this to your custom css:

@media (min-width: 992px) {
li.menu-widget-area-kt.kt-second-header-widget-area {
    position: absolute;
    bottom: 20px;
    left: 0;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-119 {
    margin-bottom: 60px;
}
}

Does that work for you?

Hannah

[Ryan Minkoff]

Ryan Minkoff

#239014

I am currently using a tab block on my site that I would like to display as an accordion on mobile, however the accordion view in the tab block settings does not seem to have the same features on the accordion block that says “Panes close when another opens” and “Start with all panes collapsed”. Since I have both of those settings on I am using an accordion block that only displays when the screen width is 767px or below, and a tab block that only displays when the screen width is 768px or wider. Is there anyway you can add the ability to turn on those settings for “Panes close when another opens” and “Start with all panes collapsed” under the accordion view of the tab block? If possible I would greatly appreciate it so that I won’t have to have two copies of the same exact content on the page editor.

[Ryan Minkoff]

Ryan Minkoff

#239014

I am currently using a tab block on my site that I would like to display as an accordion on mobile, however the accordion view in the tab block settings does not seem to have the same features on the accordion block that says “Panes close when another opens” and “Start with all panes collapsed”. Since I have both of those settings on I am using an accordion block that only displays when the screen width is 767px or below, and a tab block that only displays when the screen width is 768px or wider. Is there anyway you can add the ability to turn on those settings for “Panes close when another opens” and “Start with all panes collapsed” under the accordion view of the tab block? If possible I would greatly appreciate it so that I won’t have to have two copies of the same exact content on the page editor.

[Robert]

Robert

#238986

Oh, I’m sure I’ll have more questions! I’m just getting started trying to figure out how to improve my website and move more an more pages to the blocks.

For example, I’m trying to simplify the structure and remove some content that appears twice. An existing page has the widgets SiteOrigin Editor, SiteOrigin Slider, and SiteOrigin Editor all in one row. I cannot seem to center the Slider as there are no controls to do it, it seems to be left justified. I’ve tried the Kadence Pro Slider. I’ve even tried just the Editor with shortcode added and none of it seems to be able to center the video. Also, I can’t seem to control it’s height and/or width. If I make a Kadence Pro Slider (currently #5 is the slider in question), I can’t control the height or width. If I make it full width, then the top and bottom of the video get cut off.

The page in question is

https://www.cagesplus.com/backyard-batting-cage/

I’d like to try and convert this and other pages) to blocks too, but since this is live, am taking it slow! /Bob

P.S. You may be sorry you asked if that was all I was having trouble with!

[Georgina]

Georgina

#238948

Hi,

I have never come across this problem before and have used the Virtue theme for most of my client’s websites.

The page builder row (right underneath the header) is playing up. And when I minimise the browser it does the same thing. I have attached an image.

Website is *Login to see link

[Georgina]

Georgina

#238948

Hi,

I have never come across this problem before and have used the Virtue theme for most of my client’s websites.

The page builder row (right underneath the header) is playing up. And when I minimise the browser it does the same thing. I have attached an image.

Website is *Login to see link

[Mark]

Mark

#238944

Most of my Amp pages are indexed fine but I got a message from Google that I have a warning for a few blog posts where I used buttons.

I have not updated these in some time. I thought at first it was because they were still in classic layout using button shortcode. So I sat down and went through one of these posts and updated it to the new format using the “advanced button” item in layout. When I tested that URL again, Google gave me the same warning. I thought perhaps it was a cache problem. I cleared Cache at Cloudfront and turned off WP Rocket. Still got the warning. When I look at the Source code for HTML, I can see the code it’s complaining about so I don’t think it’s a cache problem or at least not obvious to me that it is. It’s likewise not obvious to me what the problem is.

This is one of the URLs that Google says has an issue.

*Login to see link

_amp_mustache_117d86f99c60bc901db7074ecf62afbd@media (max-width: 767px) {.kt-btns_544672-af .kt-btn-wrap-0 .kt-button {_amp_mustache_117d86f99c60bc901db7074ecf62afbd.kt-button {

I also have something else weird going on with this Amp page now that I’ve recreated the wheel using the new style button. I gather buttons display as text instead of buttons? The first one has an orange background the way my buttons do on the regular post. The rest of the text “buttons” on AMP are displaying without the orange background. I really don’t have a preference other than I’d like them to all display the same. I’m wondering if this is because I duplicated that block each time after creating it once and just updated the link for each one? I wanted to keep them all the same style without having to re-click the colors over and over. Just a guess that may be what caused the first one to display with a color and all the rest to not. Maybe it’s something else altogether.

On a similar note, in the regular layout I used a spacer after each button so that there would be room before the next paragraph. I see that didn’t go into the AMP style version at all. Is it possible it could at least insert a line feed or something in place of spacers?

Sorry for piling on multiple concerns. Since it’s not currently eligible for AMP indexing, that’s obviously the priority problem! Ha!

If there’s any detail you need, etc. to figure this one out, just let me know!

Thank you,

Mark

[Mark]

Mark

#238944

Most of my Amp pages are indexed fine but I got a message from Google that I have a warning for a few blog posts where I used buttons.

I have not updated these in some time. I thought at first it was because they were still in classic layout using button shortcode. So I sat down and went through one of these posts and updated it to the new format using the “advanced button” item in layout. When I tested that URL again, Google gave me the same warning. I thought perhaps it was a cache problem. I cleared Cache at Cloudfront and turned off WP Rocket. Still got the warning. When I look at the Source code for HTML, I can see the code it’s complaining about so I don’t think it’s a cache problem or at least not obvious to me that it is. It’s likewise not obvious to me what the problem is.

This is one of the URLs that Google says has an issue.

*Login to see link

_amp_mustache_117d86f99c60bc901db7074ecf62afbd@media (max-width: 767px) {.kt-btns_544672-af .kt-btn-wrap-0 .kt-button {_amp_mustache_117d86f99c60bc901db7074ecf62afbd.kt-button {

I also have something else weird going on with this Amp page now that I’ve recreated the wheel using the new style button. I gather buttons display as text instead of buttons? The first one has an orange background the way my buttons do on the regular post. The rest of the text “buttons” on AMP are displaying without the orange background. I really don’t have a preference other than I’d like them to all display the same. I’m wondering if this is because I duplicated that block each time after creating it once and just updated the link for each one? I wanted to keep them all the same style without having to re-click the colors over and over. Just a guess that may be what caused the first one to display with a color and all the rest to not. Maybe it’s something else altogether.

On a similar note, in the regular layout I used a spacer after each button so that there would be room before the next paragraph. I see that didn’t go into the AMP style version at all. Is it possible it could at least insert a line feed or something in place of spacers?

Sorry for piling on multiple concerns. Since it’s not currently eligible for AMP indexing, that’s obviously the priority problem! Ha!

If there’s any detail you need, etc. to figure this one out, just let me know!

Thank you,

Mark

[Hannah]

Hannah

#238895

Hey,
It looks like you just need to set a min width for your buttons. When I try to register so I can view your quiz I’m directed to a 403 error page. Do you know why?

Hannah

[Kenet]

Kenet

#238863

I’m having an issue with a new plugin I’m using. The plugin is “Woocommerce Hot Deals Pro” by IgniteWoo. When I add the plugin shortcode [deal_products] to the sidebar, via a widget, I get all of the category images displaying over the sale items the plugin provides. Is this a Virtue-premium theme issue? If so, how can I remove the duplicated category images from the sidebar? If not, please see the associated issue below.

Also, using the Woocommerce shortcode [products] on the sidebar does not duplicate the category images but still leaves the returned sale items displayed in an exaggerated narrow and long format. Is there a simple fix to changing the width and height of the sidebar displayed listings?. Is this a sidebar container size issue? It seems like the Virtue category display settings are bleeding over to the sidebar and forcing a four column display where there really isn’t room for it. I would like the sidebar on the shop page and category pages to show just one column with the resulting sale items displayed one over another or just two side by side if possible; similar to what is achieved when switch from grid to list view in the category pages.

The effected website page is *Login to see link

Thank you,

Kenet
[email protected]

[Kenet]

Kenet

#238863

I’m having an issue with a new plugin I’m using. The plugin is “Woocommerce Hot Deals Pro” by IgniteWoo. When I add the plugin shortcode [deal_products] to the sidebar, via a widget, I get all of the category images displaying over the sale items the plugin provides. Is this a Virtue-premium theme issue? If so, how can I remove the duplicated category images from the sidebar? If not, please see the associated issue below.

Also, using the Woocommerce shortcode [products] on the sidebar does not duplicate the category images but still leaves the returned sale items displayed in an exaggerated narrow and long format. Is there a simple fix to changing the width and height of the sidebar displayed listings?. Is this a sidebar container size issue? It seems like the Virtue category display settings are bleeding over to the sidebar and forcing a four column display where there really isn’t room for it. I would like the sidebar on the shop page and category pages to show just one column with the resulting sale items displayed one over another or just two side by side if possible; similar to what is achieved when switch from grid to list view in the category pages.

The effected website page is *Login to see link

Thank you,

Kenet
[email protected]

[Rebecca]

Rebecca

#238862

Hi Hannah:

These elements worked to get the title on a separate line:
.postmeta {
max-width: none;
width: 100%;
}

However, the “margin-left: 12px;” attribute pushes the date right, out of alignment with the title underneath it on the homepage, on the post page, and on the blog page on desktop. The date alignment is correct in tablet and iphone view.

If I remove the “margin-left: 12px;” attribute, everything looks good in desktop view, but the date on the homepage is too far left in tablet and iphone view.

Is there some way to just affect the date display on the Latest from the Blog section on the homepage without affecting the date display on the post and blog pages?

Thanks for your help.

[Ben Ritner]

Ben Ritner

#238672

Two show a different slider based on the device you can’t page cache the home page. If you page cache the home page then the script that determines checks for user device won’t run because the results will be cached.

Some caching plugins allow you to create two cache versions of your site, one for desktop and one for mobile but I’m pretty sure wp fastest cache requires premium for that setting.

You can turn off caching for mobile and that would allow it to work but not ideal for your mobile traffic.

Or you can load both sliders and only show one for mobile and one for desktop which is cache-friendly. but slightly not as fast as having a mobile and desktop version of your cache.

To do that you would turn off the mobile slider,

select the desktop to be a shortcode slider.

Add both your slider shortcodes wrapped in divs:

<div class="desktop-slider">[kadence_slider_pro id="1"]</div><div class="mobile-slider">[kadence_slider_pro id="5"]</div>

Then you would add this css:

.desktop-slider {
display:none;
}
@media (min-width: 768px) {
.desktop-slider {
display:block;
}
.mobile-slider {
display:none;
}
}

Ben

[Ben Ritner]

Ben Ritner

#238623

1. The class changes when used within a widget like that. You need to edit this inside page builder. You can edit the row and set the bottom margin. It defaults to 30px which you can also override the defaults in your page builder settings.

2. You can add this css but I don’t see how this works for you on mobile. I don’t suggest it:

.widget_virtue_split_content_widget .kt-si-imagecol {
    width: 60%;
    float:left;
}
.widget_virtue_split_content_widget .content-ktsi-right, .widget_virtue_split_content_widget .content-ktsi-left {
    width:40%;
    padding: 0;
}
.widget_virtue_split_content_widget .kt-si-imagecol.img-ktsi-right {
    float:right;
}
.widget_virtue_split_content_widget .kt-si-table-box {
    display: table;
    min-height: 600px
}
.widget_virtue_split_content_widget .kt-si-table-box .kt-si-cell-box {
    display: table-cell;
}

Ben

[Ben Ritner]

Ben Ritner

#238576

Hey,
OK, When using Ascends header, by making it transparent it makes the header sit on top of the content, elementors header doesn’t have that option. So it sounds like you want elementors header to do something it’s not designed to do, which is to mimick how Ascends header options work?

In which case you will want to add some css like this.

@media (min-width: 767px){
    .trans-header .elementor-location-header {
        position: absolute;
        left: 0;
        top: 0;
    }
    .trans-header #pageheader {
        padding-top: 160px !important;
    }
}

Ben

[kelly5]

kelly5

#238413

I’ve installed the demo content successfully and changed colors/images/text, but I’d like to add some things. To do so I thought I would try implementing Page Builder Site Origin, but when I convert to editor, I loose a lot of the design intricacies – the code does not carry over to Page Builder correctly, even if I copy and past it before switching to Page Builder.

I am using the Agency version of Ascend. I did not save my work, so the demo content is still displaying as shown in your demo, but when previewing from top to bottom, some things that stand out are: there is a top margin or padding I can’t figure out how to eliminate, the fun jagged bottom border disappears from the top image, the split content style images after with their overlaid text get all enlarged and the overlay is messed up, the bottom three image blocks get out of alignment. It’s really odd. The demo content code on the page is beyond me to build more with it as is, though comfortable making light html changes to what is there, obviously.

I do know I can add page sections via Theme Options. In adding something like Blog Grid Posts, its full width all the way to the edge, which is just not aesthetic. I typically would design/build with Page Builder because I can better control the layout. But in doing so, the beauty of the demon content is lost.

Any advice you can offer would be wonderful… what I’m doing wrong or maybe something is being glitchy. Currently building website here *Login to see link THANK YOU!

[kelly5]

kelly5

#238413

I’ve installed the demo content successfully and changed colors/images/text, but I’d like to add some things. To do so I thought I would try implementing Page Builder Site Origin, but when I convert to editor, I loose a lot of the design intricacies – the code does not carry over to Page Builder correctly, even if I copy and past it before switching to Page Builder.

I am using the Agency version of Ascend. I did not save my work, so the demo content is still displaying as shown in your demo, but when previewing from top to bottom, some things that stand out are: there is a top margin or padding I can’t figure out how to eliminate, the fun jagged bottom border disappears from the top image, the split content style images after with their overlaid text get all enlarged and the overlay is messed up, the bottom three image blocks get out of alignment. It’s really odd. The demo content code on the page is beyond me to build more with it as is, though comfortable making light html changes to what is there, obviously.

I do know I can add page sections via Theme Options. In adding something like Blog Grid Posts, its full width all the way to the edge, which is just not aesthetic. I typically would design/build with Page Builder because I can better control the layout. But in doing so, the beauty of the demon content is lost.

Any advice you can offer would be wonderful… what I’m doing wrong or maybe something is being glitchy. Currently building website here *Login to see link THANK YOU!

[Ben Ritner]

Ben Ritner

#238368

Hey,
You have added this css:

.page-id-14 .wp-block-table {
width: 120px;
margin-left: 45%;
padding: 0px;
}

Just update that to this:

.page-id-14 .wp-block-table {
    width: 140px;
    min-width: 140px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

Ben

[Michael]

Michael

#238357

Hi

I’ve setup a shortcode to display posts as one column (Header & text descriptions only):

[blog_posts orderby=date items=20 word_count=30 columns=1 fullpost=false cat=ian-blog]

Individual posts head content set at “None”
Post summary set at “Text”

Page set at fullwidth

Site settings: Show Summary
No page has been set for the blog page

On the page in question, the posts are still showing in a grid with the head content image (Featured image)

can you assist?

[Michael]

Michael

#238357

Hi

I’ve setup a shortcode to display posts as one column (Header & text descriptions only):

[blog_posts orderby=date items=20 word_count=30 columns=1 fullpost=false cat=ian-blog]

Individual posts head content set at “None”
Post summary set at “Text”

Page set at fullwidth

Site settings: Show Summary
No page has been set for the blog page

On the page in question, the posts are still showing in a grid with the head content image (Featured image)

can you assist?

[Hannah]

Hannah

#238250

Sure, try changing the above css to this:

@media (min-width: 768px) {
.page-bread-container {
    float: left;
    margin-top: -80px;
}

}
Does that work for you?

Hannah

[William]

William

#238220

Having a problem centering page content. Please help.

Bill

[William]

William

#238220

Having a problem centering page content. Please help.

Bill