Search Results for 'COLUMNS'

[Kevin]

Kevin

#149506

You are inputting incorrect comments in your CSS box, which is breaking it. Change this:

* FOOTER*/
.footer-widget-title:before {
    display: none;
}

* FOOTER COLUMNS*/
@media (min-width: 992px){
.footercol1 {width:20%; padding:0}
.footercol2 {width:40%; padding:0}
.footercol3 {width:40%; padding:0}
   }
}
@media (min-width: 992px) {
.footercol1 {
width: 20%;
text-align: left;
}

.footercol2 {
width: 40%;
text-align: left;
}

.footercol3 {
width: 40%;
text-align: right;
   }
}

To this:

/* FOOTER*/
.footer-widget-title:before {
    display: none;
}

/* FOOTER COLUMNS*/
@media (min-width: 992px){
.footercol1 {width:20%; padding:0}
.footercol2 {width:40%; padding:0}
.footercol3 {width:40%; padding:0}
   }
}
@media (min-width: 992px) {
.footercol1 {
width: 20%;
text-align: left;
}

.footercol2 {
width: 40%;
text-align: left;
}

.footercol3 {
width: 40%;
text-align: right;
   }
}

Your CSS will work correctly with this fix.

-Kevin

[Kevin]

Kevin

#149428

That CSS will also target the footer columns in Ascend. What are you wanting the CSS to do specifically? Looks like you’re targeting footercol3 with two pieces of conflicting CSS, so that may be causing issues for you.

As for the titles, please post a link so I can view them.

-Kevin

[Pamela]

Pamela

#149423

Hello!
More help needed. This time some adjustments with the footer headings. I would like to have the “footer-widget-title” without the line decoration on right side? What would be the css for that.

Case two: In Virtue theme I could adjust the width of the footer columns with the css below, but how can this be done in Ascend?

/* FOOTER WIDGETS WIDTH*/

@media (min-width: 992px){
.footercol1 {width:20%; padding:0}
.footercol2 {width:40%; padding:0}
.footercol3 {width:40%; padding:0}
}

.footercol1 {
width: 35%;
text-align: left;
}

.footercol3 {
width: 40%;
text-align: left;
}

.footercol3 {
width: 40%;
text-align: right;
}

Regards,

Pamela

[Pamela]

Pamela

#149423

Hello!
More help needed. This time some adjustments with the footer headings. I would like to have the “footer-widget-title” without the line decoration on right side? What would be the css for that.

Case two: In Virtue theme I could adjust the width of the footer columns with the css below, but how can this be done in Ascend?

/* FOOTER WIDGETS WIDTH*/

@media (min-width: 992px){
.footercol1 {width:20%; padding:0}
.footercol2 {width:40%; padding:0}
.footercol3 {width:40%; padding:0}
}

.footercol1 {
width: 35%;
text-align: left;
}

.footercol3 {
width: 40%;
text-align: left;
}

.footercol3 {
width: 40%;
text-align: right;
}

Regards,

Pamela

[Corey]

Corey

#149362

So I have had this page setup for a few years and after a recent update, the page is no longer displaying correctly:

*Login to see link

I am using site origin and page builder to display posts listed by category in TWO columns side by side down the page… now I only get a single column running down one side of the page… is there an easy fix to get the lists back to TWO COLUMNS?

Thanks!

[Corey]

Corey

#149362

So I have had this page setup for a few years and after a recent update, the page is no longer displaying correctly:

*Login to see link

I am using site origin and page builder to display posts listed by category in TWO columns side by side down the page… now I only get a single column running down one side of the page… is there an easy fix to get the lists back to TWO COLUMNS?

Thanks!

[leila.kubegusa]

leila.kubegusa

#149260

Hi team,

I want to translate some text to Dutch in my virtue theme that’s not up for editing in the theme options language settings, and looking for the easiest way to do that. (so, without adding a plugin)
The text I want to change is on the bottom of each post where it says “previous post” and “next post”.
I want to have the Dutch words there: “vorig artikel” and “volgend artikel”.

I thought to create a child theme. I found your tutorial.

I still have some questions.

1.

What url do I need to replace the example url’s with, considering my domain name is prachtwerk.be?
Would this be correct?

Theme Name: Virtue Premium Child
Theme URI: *Login to see link (when you click on that, it doesn’t go anywhere)
Description: Virtue Premium Child Theme
Author: My Name Leila Kubegusa
Author URI: *Login to see link (does this matter?)
Template: virtue_premium (the name of the standard virtue theme folder I see in ftp)
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout
Text Domain: virtue-child

2. Do I need to add the function.php as a complete empty file? (Why?)

3. What code do I add to tell it different names for the “previous post” and “next post” ?

Thanks in advance for pointing me in the right direction!
Leila

[leila.kubegusa]

leila.kubegusa

#149260

Hi team,

I want to translate some text to Dutch in my virtue theme that’s not up for editing in the theme options language settings, and looking for the easiest way to do that. (so, without adding a plugin)
The text I want to change is on the bottom of each post where it says “previous post” and “next post”.
I want to have the Dutch words there: “vorig artikel” and “volgend artikel”.

I thought to create a child theme. I found your tutorial.

I still have some questions.

1.

What url do I need to replace the example url’s with, considering my domain name is prachtwerk.be?
Would this be correct?

Theme Name: Virtue Premium Child
Theme URI: *Login to see link (when you click on that, it doesn’t go anywhere)
Description: Virtue Premium Child Theme
Author: My Name Leila Kubegusa
Author URI: *Login to see link (does this matter?)
Template: virtue_premium (the name of the standard virtue theme folder I see in ftp)
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout
Text Domain: virtue-child

2. Do I need to add the function.php as a complete empty file? (Why?)

3. What code do I add to tell it different names for the “previous post” and “next post” ?

Thanks in advance for pointing me in the right direction!
Leila

[Denzon]

Denzon

#149005

Hannath sorry I already declared this thread resolved but i have one question missed.

i have my products grouped through product tags instead of product categories

what is the proper term to place in this short code: I placed product-tag but it is not working. thank you.

[carousel type=product-tag orderby=menu_order columns=5 cat=t-shirts]

[madelucccar]

madelucccar

#148999

Hello I have a row on 10 columns after my page title in the PRODUCTS page on my website, each filled with an image they shrink whenever I resize the browser but on mobile devices or if the browser width is less than what’s used for mobile displays, each image shows like a tower (10 rows of one column). How do you solve the issue in mobile layouts?
Website link: *Login to see link

[madelucccar]

madelucccar

#148999

Hello I have a row on 10 columns after my page title in the PRODUCTS page on my website, each filled with an image they shrink whenever I resize the browser but on mobile devices or if the browser width is less than what’s used for mobile displays, each image shows like a tower (10 rows of one column). How do you solve the issue in mobile layouts?
Website link: *Login to see link

[Donna]

Donna

#148887

I still can’t post a link yet for you to look at, but I read another post “Add Menu Icons to Ascend topbar” from June 1, 2017. The person had a similiar question about the topbar. I realize that I am using Pinnacle and he is using Ascend, but I hope I might be able to use the same ideas. …. I have a widget area on the right of the topbar. To create the widget area, I used Page Builder and created a row with columns: logo image, button, button, button. It looks good except I want to stretch this widget row across the entire topbar area. I want the logo to be separated from the buttons. I want the logo to be on the right and the buttons on the left.
In the other post, Hannah suggested adding the custom css coding:
.kt-topbar-left {
width: 100%;
}
The person expanding on it and used the custom css code:
media (min-width: 992px) {
.kt-topbar-right {
width: 0%;
}
.kt-topbar-left {
width: 100%;
}
.kt-topbar-left .kad-topbar-flex-item {
width: 100%;
}

I tried both, but neither worked or at least I didn’t implement something correctly.The widget area still sits on the left half of the topbar with all the widget elements sitting close together – not spread out as I had hoped.
I hope this makes sense and that you can advise me. Thank you.
-Chris

[Kevin]

Kevin

#148862

You can do that with either option as well. Just set the carousel to display categories, like this
[carousel type=cat-products orderby=menu_orde columns=3 cat=YOUR_CATEGORY_SLUG]

Just give the products you’d like to display a special category, and call it using the category slug in the shortcode or widget settings.

-Kevin

[Hannah]

Hannah

#148842

Hi Diane,
If you set the number of columns to 2 it should show as square. Let me know if that’s not the case for you.

Hannah

[Kevin]

Kevin

#148841

Hey Denzon,

You can create these carousels on your site in a few ways. One way is to use the Virtue Carousel Widget in page builder to configure the carousel, another way would be shortcode.

If you’re unfamiliar with page builder, I suggest taking a look at this tutorial:
https://www.kadencewp.com/using-page-builder/

The shortcode method will work by placing a shortcode like this into a text editor on your site:
[carousel type=featured-products orderby=menu_orde columns=3]

Here is more information regarding shortcodes and the theme:
http://docs.kadencethemes.com/virtue-premium/shortcodes/

Let me know if this is helpful!

-Kevin

[mark8]

mark8

#148747

Hey Ben:

Thanks for your advice; unfortunately I didn’t ask my first question clearly. What I want to do is create a single table with multiple rows. For example, I’d like to display info about six products, but show those products in two rows of three columns each. I understand that I can “stack” tables and kind of accomplish it that way, but it would cool if there was a way to create a single table containing multiple rows.

Thanks again!

[Kevin]

Kevin

#148715

Hey Eric,

What plugin/widgets are you trying to add to your footer? Are you adding it in Appearance> Widgets to your footer columns? You do not need to edit the footer.php file in order to get widgets to appear in it.

Can you post a link to your site so that I can take a look?

-Kevin

[Ben Ritner]

Ben Ritner

#148576

As of the latest page builder, you can turn off collapsing in the row settings.

The latest pagebuilder changed how they calculate and control columns which is why the css would now not work.

Ben

[mark8]

mark8

#148292

Friends:

I am experimenting with Kadence Pricing Tables. For the most part, things are going well. I have a couple of basic questions that I’m hoping the forum can help me with:

(1) How does one add one or more rows to a table? Adding columns is intuitive, but I must be missing something for adding rows.

(2) Does anyone have hints for controlling row heights on the table? I want to keep each cell at the same height, and also keep every element within that cell at the same height (e.g., all “single row” blocks the same height, all “footer row” blocks the same height, etc). I can exert a certain amount of control by tinkering with “minimum row height” values, but things tend to shift a bit when using small-screen devices. If there’s a better way, I’d sure appreciate some guidance.

Thanks!

[mark8]

mark8

#148292

Friends:

I am experimenting with Kadence Pricing Tables. For the most part, things are going well. I have a couple of basic questions that I’m hoping the forum can help me with:

(1) How does one add one or more rows to a table? Adding columns is intuitive, but I must be missing something for adding rows.

(2) Does anyone have hints for controlling row heights on the table? I want to keep each cell at the same height, and also keep every element within that cell at the same height (e.g., all “single row” blocks the same height, all “footer row” blocks the same height, etc). I can exert a certain amount of control by tinkering with “minimum row height” values, but things tend to shift a bit when using small-screen devices. If there’s a better way, I’d sure appreciate some guidance.

Thanks!

[Puig]

Puig

#148270

Thanks Kevin,

I can’t find this option, I copy all the options:
Footer

Footer Layout
Footer Widget Layout
Select how many columns for footer widgets

Four Column LayoutThree Column LayoutTwo Column LayoutOne column with three below LayoutOne column with two below Layout
Sitewide Footer Call To Action
Use Sitewide Footer Call to Action

OnOff
Sitewide Footer Shortcode
Add shortcode here for output just above footer.

Or better, Can I send you a screenshot?

[Denzon]

Denzon

#148244

Hi, I am trying to re-work my secondary menu, and organize the menu’s to have columns perhaps two columns because each menu contains almost 10 or more, apparently the look of long menu is annoying so I want to split them into two columns, how can I do it?

vstore.space

[Denzon]

Denzon

#148244

Hi, I am trying to re-work my secondary menu, and organize the menu’s to have columns perhaps two columns because each menu contains almost 10 or more, apparently the look of long menu is annoying so I want to split them into two columns, how can I do it?

vstore.space

[Jessica Santini]

Jessica Santini

#148215

… so I changed the “layout builder” to the use of columns in a regular editor widget. “Collapse Behavior” doesn’t seem to be working.

[Ben Ritner]

Ben Ritner

#148177

Two columns the width is going to be set to 560px. so you need to set the height so that your image at a width of 560 matches the height of the image ratio

So for example with this image, it would make your height 709px:
https://i0.wp.com/www.bjamble.com/wp-content/uploads/2016/09/Coat-of-the-Ancients-Sept-2016.png

Using CSS to force the height smaller would only cut off the image. The height of any carousel is set by the content. The content is set by your columns and your image height.

Ben

[Brandan]

Brandan

#148150

It does help, but even setting the carousel to just two columns, the ratio still isn’t right to show the whole image. I tried up-ing the height to 600 and 700 in the css but that didn’t solve the problem either.