[himabatavia]

How do you create three portfolio fields like the one in the example (client, tech, launch project)? I can’t figure out the shortcode configuration.

[Mehmet S.]

Hi, use these shortcodes:

[section_title text="Client"]

Maybe You :)

[section_title text="Tech"]

[tag_wrap][tag text="HTML 5"][tag text="CSS 3"][tag text="jQuery"][tag text="Responsive Design"][/tag_wrap]

[section_title text="Launch Project"]

[button text="Launch Project" url="#"]

Thanks

[himabatavia]

Thank you so much!!!

[himabatavia]

Doesn’t seem to work. The section titles are nestled to the left and in three rows, rather than in the centre in three columns, with the text underneath it

[Mehmet S.]

Use grid shortcodes to make three columns content.

[row]

[column width="2"]

[section_title text="Client"]

Maybe You :)

[/column]

[column width="6"]

[section_title text="Tech"]

[tag_wrap][tag text="HTML 5"][tag text="CSS 3"][tag text="jQuery"][tag text="Responsive Design"][/tag_wrap]

[/column]

[column width="4"]

[section_title text="Launch Project"]

[button text="Launch Project" url="#"]

[/column]

[/row]

[himabatavia]

Thank you! It doesn’t seem to be working though. The first two columns are on the same row, and the last column is on another row. Further, they are spanning the entire page, when the text is only part of the page.

[himabatavia]

Okay now I’ve managed to get it on the same row, but they are not in the contained area – spanning the whole page

[Mehmet S.]

Wrap content with [portflio_field] shortcode.

[portflio_field]

[row]

[column width="2"]

[section_title text="Client"]

Maybe You :)

[/column]

[column width="6"]

[section_title text="Tech"]

[tag_wrap][tag text="HTML 5"][tag text="CSS 3"][tag text="jQuery"][tag text="Responsive Design"][/tag_wrap]

[/column]

[column width="4"]

[section_title text="Launch Project"]

[button text="Launch Project" url="#"]

[/column]

[/row]

[/portflio_field]

[himabatavia]

Thank you! Last question — there is significant space between the tags (1-2 rows) – so it stretches down the page. How do you bring them up closer, so that they occupy the space logically

[himabatavia]

Oh, figured it out! Thanks

[Mehmet S.]

You are welcome.