Search Results for 'page width'

[Hannah]

Hannah

#228481

Hi Leah,
In your edit page, you can choose whether or not to display a sidebar.
In the row layout block, try selecting wide width rather than full width. Does that make a difference?

Hannah

[Leah]

Leah

#228478

This reply has been marked as private.

[Leah]

Leah

#228477

Hi,

I would like to make staff profiles full width in Virtue Premium (i.e. no sidebar). I have achieved this with some css:

.single-staff .sidebar {
display:none;
}

.single-staff .col-lg-9 {
width: 100%;
}

However, I would like to make one of the rows here with a full-width background, and it just won’t go full width.
I have full width background successfully on other pages, but not the staff profiles where I have manually removed the sidebar.
I am using Kadence Blocks with Kadence Block Row Layout block with full width selected, and it still gives margins down both sides.

Suggestions to resolve would be much appreciated

~Leah
Is there a better way?

[Leah]

Leah

#228477

Hi,

I would like to make staff profiles full width in Virtue Premium (i.e. no sidebar). I have achieved this with some css:

.single-staff .sidebar {
display:none;
}

.single-staff .col-lg-9 {
width: 100%;
}

However, I would like to make one of the rows here with a full-width background, and it just won’t go full width.
I have full width background successfully on other pages, but not the staff profiles where I have manually removed the sidebar.
I am using Kadence Blocks with Kadence Block Row Layout block with full width selected, and it still gives margins down both sides.

Suggestions to resolve would be much appreciated

~Leah
Is there a better way?

[Ben Ritner]

Ben Ritner

#228472

I was able to log in and run a quick test, your issue is created from “Mod_Security” on your server. This means that something you were trying to save was creating a security alert or some times this can happen from an outdated Mod Security or incorrect mod security settings.

The issue was with your custom css box. Once I tested by clearing it then mod security wouldn’t post an error. I slowly added it back to see if there some something in particular that mod security didn’t like about your css. I couldn’t find anything. It just stops allowing the save to the database at an unspecified point. I assume it’s based on character length.

I tested trying to save into the customizer and you get the same error.

so I suggest you contact your hosting provider and you can leave the theme out of it by simply showing them that if you go to customizer > additional css you can’t save your css in there. That should get them to take ownership and fix the mod security issue.

Here is an output of your css:

.boxi1 {
margin-bottom: 20px;
text-align: center;
background: #f2f2f2;
padding: 15px 0 1px;
}

.boxi1 div {
font-size: 28px;
}

.kad-header-style-three #nav-main ul.sf-menu>li>a, header #logo a.brand, .logofont {
text-transform: uppercase;
}

.sf-menu ul li:hover, .sf-menu ul li {
border:0;
}
.sf-menu ul {
border:0;
}

@media (max-width: 1200px) {
.kad-header-style-three #nav-main ul.sf-menu > li > a {padding: 0 15px;}
}

@media (min-width: 992px) { 
.home-padding {padding: 0px 0 0px;}
}

.contentclass {
padding-top: 10px;
}

.sliderclass {
    margin-top: 0;
    padding: 0;
}

div.product .product_image {
border:0;
}

.page-header {
border-top: 0px;
}

@media (max-width: 767px) { 
.kad-header-style-three #logo a.brand {font-size:24px;}
}

.kad-header-style-three .menu-cart-btn .kt-cart-total {
  background: rgba(255,255,255,0.7);
  color: #e76106;
}
#nav-main ul.sf-menu ul#kad-head-cart-popup li .quantity, #nav-main ul.sf-menu ul#kad-head-cart-popup ul.product_list_widget li a.remove {
    color: #fff;
}
#nav-main ul.sf-menu ul#kad-head-cart-popup .total {
    color: #fff;
    border-color: transparent;
}
#nav-main ul.sf-menu ul#kad-head-cart-popup .buttons .button {
    background: transparent;
    border: 2px solid #fff;
}
#kad-head-cart-popup ul.cart_list li:last-child {
  color: #fff;
}
@media (min-width: 600px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 25%;
}
}
@media (min-width: 800px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 20%;
}
}
@media (min-width: 1000px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 16.66%;
}
}
@media (min-width: 1300px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 12.5%;
}
}
@media (min-width: 1600px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 10%;
}
}
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
padding: 0 2px;
}
.kt-panel-row-full-stretch .kad-wp-gallery {
    margin-left: -2px;
    margin-right: -2px;
}
.kt-panel-row-full-stretch .kad-wp-gallery .grid_item {
    margin: 0 0 4px;
}
header.mobile-stickyheader .nav-trigger .nav-trigger-case {
  width: auto;
}
div.product form.cart .variations select {
    z-index: 1;
}
.footerbase {
        background: #323232;
    margin-top: 10px;
}

@keyframes toColor {
    0%    { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    25%   { -webkit-filter: grayscale(75%); filter: grayscale(75%); }
    50%   { -webkit-filter: grayscale(50%); filter: grayscale(50%); }
    75%   { -webkit-filter: grayscale(25%); filter: grayscale(25%); }
    100%  { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
}

img { 
   animation: toColor 1s;
   border-radius: 10%;
}

.product_image { 
   outline: none !important;
   border:none!important;
}

.infobanner { 
   animation: toColor 1s;
}
.kad-slide { 
   animation: toColor 1s;
}

.infobanner:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

div.about {
background-image: linear-gradient(rgba(210,214,207,0.5), rgba(210,214,207,0.5)), url("https://nzalpaca.co.nz/wp-content/uploads/2018/05/about-320x340-1.jpg");
background-repeat: no-repeat;
background-size: 320px 340px;
width: 320px;
height: 340px;
border-radius: 10%;
text-align: center;
vertical-align: middle;
padding: 10px;
}
 .home-iconmenu a, .home-iconmenu .home-icon-item {
  background: #444;
}
.home-iconmenu a:hover, .home-iconmenu .home-icon-item:hover {
    background: #555;
border-radius: 5%;
}

.kad_add_to_cart, .quantity {
display: none;
}

.product_item .kad_add_to_cart {
display:none !important;
}

.woocommerce-ordering, .woocommerce-info, a.button.wc-backward {
    display: none;
}

.woocommerce span.onsale {
background-color: #333;
}

.sku, .posted_in, .tagged_as, .product_meta {
	display: none !important;
}
/*------------------bbp-------------*/

#bbp_search_submit.button {
background-color: #333;
color: #eee;
}

#bbp_search_submit.button:hover {
background-color: #eee;
color: #333;
}

.button {
background-color: #333;
color: #eee;
}

.button:hover {
background-color: #eee;
color: #333;
}

#submit.kad-btn {
background-color: #333;
color: #eee;
}

#submit.kad-btn:hover {
background-color: #eee;
color: #333;
}

legend {
color: #eee;
}

#gallery-1 img {
    border: none !important;
    padding: 3px;
}

#gallery-2 img {
    border: none !important;
    padding: 2px;
}
/*------------bbp--------*/
/* BBPress font fix */

/*Template notice info*/
div.bbp-template-notice.info {
    border: #cee1ef 1px solid;
    background-color: #fff;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
background: #444;
border: 0px solid #eee;
color: white !important;
}

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 ,
#bbpress-forums a.bbp-forum-title,
#bbpress-forums a.bbp-topic-permalink {
              font-size: 16px;
              color: #333;
        text-decoration: underline;
}

#bbpress-forums li.bbp-body ul.forum, 
#bbpress-forums li.bbp-body ul.topic, 
#bbpress-forums li.bbp-body a {
border-top: 1px solid #eee;
overflow: hidden;
padding: 8px;
color: #333;
font-style: italic;
}

#bbpress-forums a.bbp-author-name {
              font-size: 12px;
              color:    #333;
}

.bbp-forums, .bbp-topics {
border: 1px solid rgba(125, 125, 125, .5);
color: white !important;
}

.bbp-forums a { 
color: #333 !important; 
}

/*20180613*/
#bbpress-forums .bbp-topic-content,
#bbpress-forums .bbp-reply-content {
    font-size: 12px;
/*    color: #333; */
}

table.bbp-forums th, table.bbp-topics th, table.bbp-topic th, table.bbp-replies th {
background-color:black;
color: #333 !important;
}

.bbp-header {
color: #fff;
}

.bbp-body {
color: #333;
}

.avatar-14 { display: none !important; }

.bbp-forums a { 
color: #333 !important; 
}

.product_item { 
background-color:#444;
border: none !important;
}

.woocommerce-result-count, .woocommerce-ordering {
display: none;
}

.email { 
background-color:#333;
color:#fff !important;
}

.email:hover { 
background-color:#444;
color:#cecece !important;
}

.amount { 
color:#fff !important;
}

.icon-location, .icon-envelope, .subhead, .icon-user2, .icon-mobile {
display: none;
}

#containerfooter .virtue_social_widget a {
    display: inline-block;
    float: none;
}
#containerfooter .virtue_social_widget {
    text-align: center;
}

.widget_kadence_social {
text-align: center;
}

.postdate, .home_blog_title {
margin-top: 10px;
}

.light-dropshaddow, .mfp-img {
border-radius: 0%;
border: none;
}

.attachment-full.size-full {
    border-radius: 0% !important;
    border: #000 6px solid !important;
}

/*---for contact us effect in footer---*/
.contact-class:hover {
    background: #444;
    color: #cecece !important;
    padding: 30;
}

/*---remove blue line around clicked link---*/
a {
    outline: none !important;
    color: #fff !important;
}

/*---ensure blog images fit within box on front page---*/
.imghoverclass {
    padding: 10px;
}

.wc-bookings-booking-form .form-field input[type=number] {
text-align: right;
}

.blog_item { 
  border:none!important;
}

#submit.kad-btn.kad-btn-primary {
background-color:#333 !important;
color:#fff !important;
}

#submit.kad-btn.kad-btn-primary:hover { 
background-color:#cecece !important;
color:#fff !important;
}

#wc_bookings_field_duration, #wc_bookings_field_persons {
    width: 5%;
    text-align: right;
}
.wc-bookings-booking-form .form-field input[type=number] {
    width: 10%;
    text-align: right;
}

.wc-bookings-booking-cost, .wc-bookings-booking-form {
background:#333333 !important;
}

.wc-bookings-booking-form .block-picker li:nth-child(odd) a {
    background: #333;
}
.wc-bookings-booking-form .block-picker li:nth-child(even) a {
    background: #333;
}

.button.disabled, .button:disabled {
display: none;
}

p.order-again {
display: none;
}

a.about_paypal {
display: none;
}

#payment div.payment_box {
/*---display: none !important;---*/
 background: #333;
color: #fff;
}

.payment_method_stripe {
max-width: 400px;
}

.stripe-icon {
max-width: 60px !important;
}

.rr_star {
font-size: 20px;
background: #444;
}

.rr_successful {
font-size: 16px;
background: #444;
}

input#submitReview {
background-color: #333;
color: #eee;
border:none!important;
}

input#submitReview:hover {
background-color: #eee;
color: #333;
border:none!important;
}

/*---hide Filter Products on Mobile---*/
.kad-shop-filter {
    display: none;
}

/*---hide ALL on Alpaca males for sale page---*/
.selected {
display: none;
}

I also suggest that you have the host update your php version since you are not yet using version 7. I suggest you go to 7.2 or higher.

[cecilialocati]

cecilialocati

#228455

Hi, yes exactly – I would like the content to start immediately after the header and stop immediately after the footer. Also I would like for it to be full width.

Here a link to one of the pages of my website:
https://internalcontroltoolbox.com/press-media/

Thanks for your help

[Hannah]

Hannah

#228454

Hey,
Are you just wanting your content to stretch the full width of the page? Can you post a link?

Hannah

[Hannah]

Hannah

#227969

I’m seeing the height and width settings in your portfolio post edit pages. Under Portfolio Options you should see “Max Slider/Image Width”. Do you see that?

Hannah

[Jerry]

Jerry

#227960

This reply has been marked as private.

[Hannah]

Hannah

#227851

Hey,
Your one image is a different ratio than the others. Are you setting a max height and width for your image under portfolio post options in your portfolio edit page?

Hannah

[Jerry]

Jerry

#227850

I have one image among 6 in a portfolio that does not properly display.

Portfolio page:

*Login to see link

When I click on each portfolio item image they are displayed in equal height and width such as

*Login to see link
and
*Login to see link

But not:

*Login to see link

I cannot figure out why.

Thanks,

Jerry

[Jerry]

Jerry

#227850

I have one image among 6 in a portfolio that does not properly display.

Portfolio page:

*Login to see link

When I click on each portfolio item image they are displayed in equal height and width such as

*Login to see link
and
*Login to see link

But not:

*Login to see link

I cannot figure out why.

Thanks,

Jerry

[galinamf]

galinamf

#227823

This reply has been marked as private.

[Hannah]

Hannah

#227652

You can use css like this to hide the filters on desktop:

@media (min-width: 992px) {
.archive.woocommerce .page-description {
    display: none;
}
}

I haven’t worked with that plugin so I can’t say for sure how it works. You’re certainly welcome to try it out!

Hannah

[Ben Ritner]

Ben Ritner

#227650

Hey,
You seem to be adding this css:

img.attachment-shop_single.shop_single.wp-post-image {
    width: 500px;
    text-align: left;
}

Which is forcing the image larger then the output.

If you want a larger image just go into your theme options > shop archive settings > Product Image Sizes turn off “Enable Product Image Aspect Ratio on product Page” then go to appearance > customizer > woocommerce > product images “Main image width”

There set the width to 500

Ben

[Melanie]

Melanie

#227498

Hi,

I am using Ascend premium and blocks. I would love to use one of the divider settings on the bottom of my page header to tie it into the page a bit more. Is there any way I can do this??

I know I can do it as a full width recurring block on each page but if I add a sidebar to that page it breaks.

Example below.

Thanks, Mel

[Melanie]

Melanie

#227498

Hi,

I am using Ascend premium and blocks. I would love to use one of the divider settings on the bottom of my page header to tie it into the page a bit more. Is there any way I can do this??

I know I can do it as a full width recurring block on each page but if I add a sidebar to that page it breaks.

Example below.

Thanks, Mel

[Hannah]

Hannah

#227435

The page template actually has no effect on the homepage as it will just be overridden by the home page template. It looks like the plugin is outputting css that is forcing it into two columns. You can override with this css:

@media (min-width: 992px) {
.home.atbd_content_active #directorist.atbd_wrapper .atbdp_column {
    width: 33.333333333333% !important;
}
}

Just paste that into your custom css box in Theme Options > Advanced Settings.
Hope it helps!

Hannah

[Frank]

Frank

#227424

Yes, the shortcode is the same on both.
I am speaking with the plugin support. Their attitude is leaning towards… ” Well no one else has complained about it”

This a link to them. https://wordpress.org/plugins/directorist/

I know Virtue’s homepage does tend to only show 2 columns for posts on the bottom. So I have switched the pages template between Feature, Full Width, and default. All give the same results.

The only other thing I can think of is that I used SiteOrigin page builder on the home page?

but the shortcode for the “Popular Locations” work via a similar shortcode???????

[Ben Ritner]

Ben Ritner

#227207

Hey,
The columns within Ascend are set up to be responsive. The base is for standard desktop and laptop screens. If your sites max width is larger then 1140px (yours is, it’s set to 1440 theme options > layout) then the columns can increase just like they will decrease on smaller screens. This keeps your columns from getting unruly on really large screens.

There is a way to override this through right in the carousel settings if you scroll down to “Above 1500px screen width columns:” and “1200px – 1500px screen width columns:” you can set that to 3 columns and make it three for all larger screens.

In terms of showing all your content, while the widget is added or being edited it won’t’ load the carousel in Elementor, it falls back to a grid because the init carousel function runs on page load, so if you are in Elementor you can reload the page and it will load that carousel as a carousel, not a grid.

In your widget settings, you have said for the carousel to not show arrows, not show pagination and not auto scroll, effectively making it not function as a carousel.

You just need to turn on the arrows or the pagination or the auto scroll and then you would see the other items in your carousel.

Ben

[Michael]

Michael

#227059

Got this on the page:
[icon color=”#db0012″ icon=”icon-grid5″ size=”14px” style=”circle” border_width=”1px” border_color=”#db0012″ background=”#transparent”]

This in the CSS:

a.kad-icon-box. {
border: 1px solid;
}

It works, – except the 1px red (#db0012) border is not showing..

[Hannah]

Hannah

#226969

So your css actually is taking effect, it just isn’t stretching the full width of the page. Is that what you’re wanting? One option is to use css to stretch your entire footer like this:

#containerfooter .container {
    width: 100%;
}

Then use this to decrease your map size:

.footercol1 .widget-first {
    max-width: 1200px;
    margin: auto;
    padding: 20px;
}

Or, if you’re using page builder by siteorgin you could add a Layout Builder widget to your footer col 1, set the row layout to full width stretched and the background to white. Then add your map widget into that. Does that make sense?

Hope this is helpful!

Hannah

[phil2]

phil2

#226889

Thanks Ben!

The final shortcode looks like this:
[gallery columns="1" size="full" type="slider" width="263" height="263" ids="1048,1042,1041,1040,1039,1038,1037,1036" link="file" caption="default" masonry="default" transpeed="4000" speed=3000]

It looks great on the page.
Many thanks,
Phil.