Search Results for 'COLUMNS'

[Adam]

Adam

#96738

Hey guys,

So I finally launched the site I’ve been working on (see here), and all is good except for a number of glitches that were found when viewing the site on an iPhone. The website works fine on my Android phone, but now that it’s live it seems like not all devices show it the same way. (no kidding)

The problems I’ve been notified of include:

1) The Artist pages displaying incorrectly, with it looks like columns overlapping. (see below)

2) The footer on the Records page displaying incorrectly and floating over the body content. (see below)

. . . . . . .

Do you have any ideas what could be causing these glitches? Is there any kind of service online that lets you tests websites how they appear on other devices (I know these exist for testing on different browsers). It would be great if I could see what the problems were and fix them myself.

Oh, also, it appears that some of the Google Fonts are failing to load up. Strange.

Thanks as always,

-Adam

[Adam]

Adam

#96738

Hey guys,

So I finally launched the site I’ve been working on (see here), and all is good except for a number of glitches that were found when viewing the site on an iPhone. The website works fine on my Android phone, but now that it’s live it seems like not all devices show it the same way. (no kidding)

The problems I’ve been notified of include:

1) The Artist pages displaying incorrectly, with it looks like columns overlapping. (see below)

2) The footer on the Records page displaying incorrectly and floating over the body content. (see below)

. . . . . . .

Do you have any ideas what could be causing these glitches? Is there any kind of service online that lets you tests websites how they appear on other devices (I know these exist for testing on different browsers). It would be great if I could see what the problems were and fix them myself.

Oh, also, it appears that some of the Google Fonts are failing to load up. Strange.

Thanks as always,

-Adam

[Emily]

Emily

#96707

Hi Ben and Hannah,

Thanks for the responses. The support is great for this theme!
I have followed the instructions on the link Ben provided and have created a folder on my desktop with a Notepad style sheet containing the following:
/*
Theme Name: Virtue Premium Child
Theme URI: http://tbws.co.uk/virtue-premium-child/
Description: Virtue Premium Child Theme
Author: Paul Robinson
Author URI: http://tbws.co.uk
Template: virtue_premium
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout
Text Domain: virtue-child
*/
add_action(‘woocommerce_single_product_summary’, ‘my_custom_text_product’, 15);
function my_custom_text_product() {
echo ‘<h4>Call now for best prices</h4>’;
}

When i go to Appearance > Themes theres no theme there?

Any other useful tips?

Cheers,
Paul

[Ben Ritner]

Ben Ritner

#96618

Would take a bit of work but the rev slider can actually do this.
Other wise you can do this with the gallery (but the images would be a set ratio). Here is an example you would use this shortcode but change the ids for the image ids on your site.

[gallery type="carousel" caption="true" columns="6" ids="1158,1157,1156,1160,470,465,1018,785" imgwidth="600" imgheight="600"]

Ben

[Hannah]

Hannah

#96535

Hey Wayne,
You can turn your slider off in Theme Options > Home Slider. Then to add a grid of your products you can use a shortcode like this: [recent_products per_page="12" columns="3"] You can just paste that into a text widget within your home widget area (appearance > widgets). Just ensure the home widget area is enabled in Theme Options > Home Layout. Then if you wanted only the images to show you could add this to your custom css box in Theme Options > Advanced Settings:

.details_product_item {
    display: none;
}

Hope that helps!

Hannah

[edmundo]

edmundo

#96511

Sorry Ben I am a bit confused by your questions. The issue I have is with the page that lists all staff members.

The page uses the shortcode [staff_posts items=16 columns=2 height=200 filter=”true”]. It does NOT show the filter, and if you notice on that page some staff member’s social icons do not show (Tere Beard, for example), and some staff member’s “Read More” link does not point at their page but at the staff page (Tere Beard). In fact the ones that don’t show social links also do not show the right link.

I hope this makes my question clearer.

Thank you for your help.

[steve]

steve

#96210

Hi, I have a virtue gallery with around 20 small photos, I’d like to keep the photos to appear 4 in a row on any devices (or at least 3 in a row even on a cell phone)
I defined Gallery columns to 4, also in “edit gallery” area > “gallery settings” > column set to 4
However, on cell phone screens, they appear as single column photos, and images are enlarged, that’s not intended.
Will you please let me know how to control such condition?

the area for this question is here: *Login to see link
Thanks a lot!!

[steve]

steve

#96210

Hi, I have a virtue gallery with around 20 small photos, I’d like to keep the photos to appear 4 in a row on any devices (or at least 3 in a row even on a cell phone)
I defined Gallery columns to 4, also in “edit gallery” area > “gallery settings” > column set to 4
However, on cell phone screens, they appear as single column photos, and images are enlarged, that’s not intended.
Will you please let me know how to control such condition?

the area for this question is here: *Login to see link
Thanks a lot!!

[Ben Ritner]

Ben Ritner

#96040

1. Ipad is a touch device. that is supposed to use a more touch friendly menu. I don’t suggest doing this especially as your items won’t fit into one row.

#nav-second ul.sf-menu {
    display: block;
}
@media (max-width: 767px) {
#nav-second ul.sf-menu {
    display: none;
}
}
@media (min-width: 768px) {
.kad-header-widget {
    width: 66.66%;
    float: left;
}
.kad-header-left {
    width: 33.33%;
    float: left;
}
}

2.

#nav-second ul.sf-menu li a i {
    font-size: 15px;
    line-height: 10px;
}

3. I don’t have a recommendation.

4. You can have a gallery be a carousel in the gallery options. Or add a custom carousel shortcode:

[custom_carousel columns=4 speed=9000 scroll=1]

[carousel_item columns=4]
Item 01 – Add your info here
[/carousel_item]

[carousel_item columns=4]
Item 02 – Add your info here
[/carousel_item]

[carousel_item columns=4]
Item 03 – Add your info here
[/carousel_item]

[carousel_item columns=4]
Item 04 – Add your info here
[/carousel_item]

[/custom_carousel]

Ben

[Carla]

Carla

#95973

Thank you Hannah.

How to exclude Footer and Page Title?
Because that code is including the columns in Footer also and Page Title.

Carla

[Ian]

Ian

#95908

Greetings

Breadcrumbs with woocommerce are only appearing on the single product page, not on the shop or category pages even though the setting is on to allow them show on all woocommerce pages.

Other thing is that I originally set the columns to five and now they wont change to any other option no matter what I do. I do use cloudfare but I set this on development mode which allows any changes to show.

Same with image size, I set them to square setting and then deleted the setting so nothing is set, but these changes do not show on the site either.

[Carla]

Carla

#95807

Hi.

In my website *Login to see link

in Publications/Exhibitions page *Login to see link

I have several lines with 3 columns each line.
In each column I have two widgets.

It’s possible to have a separate border in each column?

Thank you.

Carla

[Carla]

Carla

#95807

Hi.

In my website *Login to see link

in Publications/Exhibitions page *Login to see link

I have several lines with 3 columns each line.
In each column I have two widgets.

It’s possible to have a separate border in each column?

Thank you.

Carla

[Ben Ritner]

Ben Ritner

#95698

It’s possible to control the position of Sidebar?

No the sidebar is a sidebar it’so only one settings. You would need to use pagebuilder to do anything more custom where you would have items in different style columns throughout.

Ben

[Smith]

Smith

#95697

Ben, thank you. Do I add the code in red to the css box on the theme options page?

Yes, I’m using the custom code I found in another post except I changed it to 2 columns:

[custom_carousel columns=4 speed=9000 scroll=1]

[carousel_item columns=4]
Item 01 – Add your info here
[/carousel_item]

[carousel_item columns=4]
Item 02 – Add your info here
[/carousel_item]

[carousel_item columns=4]
Item 03 – Add your info here
[/carousel_item]

[carousel_item columns=4]
Item 04 – Add your info here
[/carousel_item]

[/custom_carousel]

[Ben Ritner]

Ben Ritner

#95692

Can you post a link?

I assume your using shortcodes for the columns?

Ben

[Jack]

Jack

#95684

I’m using the standard editor. The main thing is the padding between the columns. Thanks!

[Smith]

Smith

#95671

Hello, I’m using a custom carousel (two columns) with 4 images that are different heights, so the slider is moving up and down with the images to adjust.

Is there any way to set a max height and then will it resize image and not just cut off?

Also, I have other carousels that are working fine with the different image sizes, so I don’t want to adjust theme settings if I don’t have to.

Also, how can I add text below each image?

Thank you.

[Smith]

Smith

#95671

Hello, I’m using a custom carousel (two columns) with 4 images that are different heights, so the slider is moving up and down with the images to adjust.

Is there any way to set a max height and then will it resize image and not just cut off?

Also, I have other carousels that are working fine with the different image sizes, so I don’t want to adjust theme settings if I don’t have to.

Also, how can I add text below each image?

Thank you.

[Jack]

Jack

#95648

First— I love you guys. You’re fantastic. But I need your help to sparkle.

I have three columns- A, B, C. I want to reduce the width of the padding gap between both A/B and B/C so that they touch. Any help on that?

Also, how do you get a simple border or edge around an icon box and a Kandace box on Page Editor? I’ve included some coding to fiddle with.

[kt_box opacity=”90″ padding_top=”10″ padding_bottom=”10″ padding_left=”10″ padding_right=”10″ min_height=”10″ background=”#dceef2″]

ipsum lorem

[/kt_box]

[iconbox icon=”icon-boat” iconsize=”55px” link=”www.url.com” color=”#ffffff” background=”#023860″ hcolor=”#023860″ hbackground=”#ffffff”]
<h2>Discover</h2>

[/iconbox]

Thanks!

[Jack]

Jack

#95648

First— I love you guys. You’re fantastic. But I need your help to sparkle.

I have three columns- A, B, C. I want to reduce the width of the padding gap between both A/B and B/C so that they touch. Any help on that?

Also, how do you get a simple border or edge around an icon box and a Kandace box on Page Editor? I’ve included some coding to fiddle with.

[kt_box opacity=”90″ padding_top=”10″ padding_bottom=”10″ padding_left=”10″ padding_right=”10″ min_height=”10″ background=”#dceef2″]

ipsum lorem

[/kt_box]

[iconbox icon=”icon-boat” iconsize=”55px” link=”www.url.com” color=”#ffffff” background=”#023860″ hcolor=”#023860″ hbackground=”#ffffff”]
<h2>Discover</h2>

[/iconbox]

Thanks!

[Hannah]

Hannah

#95636

Sure, try this:
[carousel type=post orderby=date columns=4 items=8 speed=9000 scroll=all cat=services]

Hannah

[arantza.pe424]

arantza.pe424

#95615

I have found the Siteorign editor thing and tryed with it.
This is what I´ve done:
I go to theme options –> home layout–> “elija una barra lateral para pagina de inicio”(choose a side bar for your home page)–> I choose Home widget area
Then I go to appearance –> widgets –> I take Siteorigin editor into Home widget area–> paste in there the shortcode [carousel type=cat-products orderby=date columns=4 items=8 speed=9000 scroll=all cat=fotos]
Still not working. Is there any step missing or something I am doing wrong?
Thank you

[Solace]

Solace

#95609

Hello Ben – came across this as I was looking to add a couple of social sharing buttons to a specific page that is currently just using columns and not page builder.

Did a shortcode ever come out?

[Ben Ritner]

Ben Ritner

#95598

You can style the theme footer the same exact way you styled the pagebuilder one. It’s only a matter of changing options…

I really think in the log term you would be much happier going this route vs ending where you don’t’ have a footer at all on half your pages that are made by wordpress.

Here is an example. In your theme options > advnaced styling. set the footer background to white. Then in your theme options > basic styling set the footer text color to black.

remove the css that hides your footer and add this css:

#containerfooter:before {
content: '';
width: 96%;
height: 3px;
display: block;
background: #404040;
margin: 0 auto;
position: absolute;
top: 0;
left: 50%;
margin-left: -48%;
}
#containerfooter {
    position:relative;
}

Then add the three widgets that you place in your pagebuilder “footer” into the three footer widget columns.

Ben