Search Results for 'COLUMNS'

[Michael]

Michael

#198111

Hi
I’m using shortcodes to pull out articles in categories, by date, 2 columns, 8 posts per page, but for some reason they’re not showing on the category pages i’ve setup.
The categories have been setup and the articles assigned to their respective categories.

[Michael]

Michael

#198111

Hi
I’m using shortcodes to pull out articles in categories, by date, 2 columns, 8 posts per page, but for some reason they’re not showing on the category pages i’ve setup.
The categories have been setup and the articles assigned to their respective categories.

[Ben Ritner]

Ben Ritner

#197989

Hey
1.

a.

On tablet and phone view the images in the columns do not have a top and bottom padding – I thought the theme added this to columns by default?

Not to columns, it adds padding in specific placed but not to every column just for being a column. That would break most of a site.

b. When using flex box which you are by adding this css that is applied to the row:

.vertical-align {
    display: flex;
    align-items: flex-end;
}

All internal items don’t work the same way. A div which is normally a block doesn’t render fullwidth inside of flex unless you specifically call that. So while the columns would break into rows by default using normal css when you add flex into the situation you break that. And you must either apply your flex to only affect the screen sizes you want or add css to make the internal flex items do what you want.

Read about flexbox here: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

2. No it’s not an option in virtue at present.

[andrea.juelich]

andrea.juelich

#197978

Hey,

two questions:

#1 This is somewhat a follow up of my previous question about vertical aligning column content. I was able to bottom-align text in a column when using Bootstrap columns and some css. However, I am confused about two things: On tablet and phone view the images in the columns do not have a top and bottom padding – I thought the theme added this to columns by default? And the other thing: I was under the impression that by using col-lg-4 for example, this column would stretch the whole row on smaller screens like tablets and phones and only become 4 columns wide on large screens above 768 px…however, even on screens below 768px it still has not collpased into one yet.

#2 Is a tiles gallery like the one in Ascend (*Login to see link possible with Virtue?

Thanks for your help.

[andrea.juelich]

andrea.juelich

#197978

Hey,

two questions:

#1 This is somewhat a follow up of my previous question about vertical aligning column content. I was able to bottom-align text in a column when using Bootstrap columns and some css. However, I am confused about two things: On tablet and phone view the images in the columns do not have a top and bottom padding – I thought the theme added this to columns by default? And the other thing: I was under the impression that by using col-lg-4 for example, this column would stretch the whole row on smaller screens like tablets and phones and only become 4 columns wide on large screens above 768 px…however, even on screens below 768px it still has not collpased into one yet.

#2 Is a tiles gallery like the one in Ascend (*Login to see link possible with Virtue?

Thanks for your help.

[J Windley-Daoust]

J Windley-Daoust

#197954

Hi guys! I am trying to set up a staff page here:

*Login to see link

I’m wondering if I’m missing any controls for developing this page. I just updated to Gutenberg, so maybe the controls are hidden? For things like number of columns, excerpt length, etc. I searched your tutorials for a tutorial on staff pages but didn’t find anything. A link to such a tutorial would be fine.

[J Windley-Daoust]

J Windley-Daoust

#197954

Hi guys! I am trying to set up a staff page here:

*Login to see link

I’m wondering if I’m missing any controls for developing this page. I just updated to Gutenberg, so maybe the controls are hidden? For things like number of columns, excerpt length, etc. I searched your tutorials for a tutorial on staff pages but didn’t find anything. A link to such a tutorial would be fine.

[DionV]

DionV

#197548

Hi Hannah,

I just went to the page and it is now displaying correctly??? 3 Columns are displayed??

No Idea??

Thank you for your help.

Regards,

Dion

[DionV]

DionV

#197433

Hi Guys,
I am having some difficulty getting my staff page to show 3 images side by side. It is the same in the testimonials page with 3 columns in the short code but only 2 showing on my laptop. Any assistance would be much appreciated.

Regards,

Dion

[DionV]

DionV

#197433

Hi Guys,
I am having some difficulty getting my staff page to show 3 images side by side. It is the same in the testimonials page with 3 columns in the short code but only 2 showing on my laptop. Any assistance would be much appreciated.

Regards,

Dion

[Hannah]

Hannah

#197391

Hi Sarah,
1. Try changing the number of columns to 2.

2. Do you want all our posts to open in a new tab? You would need to use a child theme. Do you currently have a child theme set up?

3. Just add a coma after your id then add the next. Like this: [blog_posts ids="1416,3547,3942" items="3" type="grid" column="2"]

Hope that’s helpful!

Hannah

[Hannah]

Hannah

#197304

Hey Lynne,
Using a page builder is likely the simplest solution here. In the Virtue Shortcodes tab within the visual editor there is a columns option, but I personally find it much easier to use a page builder. What exactly will you be showcasing? Can you post a link?

Hannah

[oedoma42]

oedoma42

#197302

This reply has been marked as private.

[Hannah]

Hannah

#197280

Hey Leah,
Try using this shortcode instead: [staff_posts orderby="date" order="ASC" items="16" limit_content="false" link="false" columns="4" height="270"]
Does that work for you?

Hannah

[oedoma42]

oedoma42

#197266

Is it possible to switch a footer layout? I would like to reverse the 2nd option from the right from one page wide column with 3 columns under it to 3 columns with one page wide column underneath.

Is that doable? If not, is it possible to add a custom area under one of the layouts?

[oedoma42]

oedoma42

#197266

Is it possible to switch a footer layout? I would like to reverse the 2nd option from the right from one page wide column with 3 columns under it to 3 columns with one page wide column underneath.

Is that doable? If not, is it possible to add a custom area under one of the layouts?

[Leah]

Leah

#197256

Hi,
I have added styling (line breaks etc) to the content, and would like this to show instead of the default excerpt (which removes all styling).
This is my shortcode:
[staff_posts orderby=”date” order=”ASC” items=”16″ content=”full” link=”false” columns=”4″ height=”270″]
Could you please let me know where I am going wrong?

Thanks

[Leah]

Leah

#197256

Hi,
I have added styling (line breaks etc) to the content, and would like this to show instead of the default excerpt (which removes all styling).
This is my shortcode:
[staff_posts orderby=”date” order=”ASC” items=”16″ content=”full” link=”false” columns=”4″ height=”270″]
Could you please let me know where I am going wrong?

Thanks

[James]

James

#196966

This reply has been marked as private.

[James]

James

#196961

In Theme Options > Menu Settings > Dropdown Menu Styles I have checked the box for transparent borders because I do not want borders under each item in the mega menu, but I would like to keep the borders between columns and I would like to make them white. Is there code I could enter in the Advanced Settings that would do that? Thanks!

[James]

James

#196961

In Theme Options > Menu Settings > Dropdown Menu Styles I have checked the box for transparent borders because I do not want borders under each item in the mega menu, but I would like to keep the borders between columns and I would like to make them white. Is there code I could enter in the Advanced Settings that would do that? Thanks!

[karah.fredricks]

karah.fredricks

#196806

I need some assistance in figuring out what I need to do to get my site to look decent on mobile/tablet. I got the site looking the way we wanted on the desktop but a lot of things seem to be out of whack on mobile & tablet and I am definitely not proficient in my mobile design skills. http://www.organizeyourlifestyle.com

1) the topbar is gone, and my client’s contact info is in the topbar. Is there any way to either have a mobile topbar or to maybe move the topbar info to within the menu?

2) the spacing in the two text boxes on the home page looks odd when look at it vertically. Horizonally it’s fine, but with vertical orientation the text looks very choppy.

3) the virtue icon flip boxes are sized/spaced strangely. On the desktop, I have padding between each box but that disappears on mobile and they seem to be overlapping.

4) the footer – is it possible to have the footer set up with two columns for desktop and just have everything centered in one column for mobile?

5) if you click on the “services” page – under declutter & organize, I couldn’t figure out how to get the layout set up the way my client wanted – she wanted those two columns with bullet points exactly as show on desktop so I just made them into a jpg for the time being. While it’s not great, it works for now. However, that whole section looks narrow and size strangely on mobile. I’m sure it has to do with some CSS I added when trying to figure out how to make those columns but I’m not sure what.

On this same page, there are 3 flipping boxes. On mobile, vertically these look fine. However, on horizontal, some of the boxes overlap. It is the opposite on tablet – they look fine horizontally and overlap when vertical.

6) how can I center all of the page titles on mobile? They are centered on desktop but show left-aligned on mobile, only when verticle.

Fortunately it’s a small site so there’s not too much I need to to tweak. Thank you in advance for any help you can give me!

[karah.fredricks]

karah.fredricks

#196806

I need some assistance in figuring out what I need to do to get my site to look decent on mobile/tablet. I got the site looking the way we wanted on the desktop but a lot of things seem to be out of whack on mobile & tablet and I am definitely not proficient in my mobile design skills. http://www.organizeyourlifestyle.com

1) the topbar is gone, and my client’s contact info is in the topbar. Is there any way to either have a mobile topbar or to maybe move the topbar info to within the menu?

2) the spacing in the two text boxes on the home page looks odd when look at it vertically. Horizonally it’s fine, but with vertical orientation the text looks very choppy.

3) the virtue icon flip boxes are sized/spaced strangely. On the desktop, I have padding between each box but that disappears on mobile and they seem to be overlapping.

4) the footer – is it possible to have the footer set up with two columns for desktop and just have everything centered in one column for mobile?

5) if you click on the “services” page – under declutter & organize, I couldn’t figure out how to get the layout set up the way my client wanted – she wanted those two columns with bullet points exactly as show on desktop so I just made them into a jpg for the time being. While it’s not great, it works for now. However, that whole section looks narrow and size strangely on mobile. I’m sure it has to do with some CSS I added when trying to figure out how to make those columns but I’m not sure what.

On this same page, there are 3 flipping boxes. On mobile, vertically these look fine. However, on horizontal, some of the boxes overlap. It is the opposite on tablet – they look fine horizontally and overlap when vertical.

6) how can I center all of the page titles on mobile? They are centered on desktop but show left-aligned on mobile, only when verticle.

Fortunately it’s a small site so there’s not too much I need to to tweak. Thank you in advance for any help you can give me!

[James]

James

#196758

This reply has been marked as private.

[James]

James

#196739

Hello,

I love the simplicity of the built-in mega menu, but I need to have five columns. Is there some CSS I can enter to provide me with five columns, or do I have to use a plugin like Max Mega Menu?

Thanks!

Jim

[James]

James

#196739

Hello,

I love the simplicity of the built-in mega menu, but I need to have five columns. Is there some CSS I can enter to provide me with five columns, or do I have to use a plugin like Max Mega Menu?

Thanks!

Jim

[mrtwanstall]

mrtwanstall

#196588

I’ve achieved this using shortcode on a page.
[blog_grid orderby=date items=4 columns=3 cat=photos]
Thanks

[Kevin]

Kevin

#196536

I’m seeing the images show in 3 columns now. Is there a different issue now?

-Kevin

[Hannah]

Hannah

#196516

Hey Felipe,
The height is determined by the number of columns you have set. You can adjust this from Theme Options > Portfolio Options.

Hannah