Organizing text in the pages body

17 posts from 7 voices

• Started 7 months ago by ngonzalez
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   ngonzalez
   Member

   Hi guys,

   I would like to know how make the text on the body of my pages appear in blocks rather than paragraphs. Just like you have it in your demo 's Home page

   Posted 7 months ago #
2. 

   Ismael
   Moderator

   Hi ngonzalez,

   Try adding a Column Layout Shortcode. Use the combination of Column Layout Shortcode and Dropcap shortcode and it would surely look great. This is a sample of using both (use HTML editor):
   

   [one_fourth first]
   <h3>Flexibly Templates</h3>
   [dropcap2]1[/dropcap2]The theme uses a flexible template system that enables you to create stunning pages out of the box with no coding knowledge at all
   
   [/one_fourth]
   
   [one_fourth]
   <h3>Unlimited Skins</h3>
   [dropcap3]2[/dropcap3]The theme comes with several predefined skin options but also utilizes a color and background image switcher, a font-switch for headings and several other layout options.
   
   [/one_fourth]
   
   [one_fourth]
   <h3>Content Importing</h3>
   [dropcap3]3[/dropcap3]You can now setup a wordpress installation that looks like this demo with just a single click of your mouse. Amazing to get started and accustomed to the theme.
   
   [/one_fourth]
   
   [one_fourth]
   <h3>Shortcodes</h3>
   [dropcap3]4[/dropcap3]To get your content displayed properly the theme uses wordpress shortcodes. Visual previews help you while creating those shortcodes so you don't need to memorize the codes :)
   
   [/one_fourth]

   Regards,
   Ismael

   Posted 7 months ago #
3. 

   ngonzalez
   Member

   Hi Ismael,

   Do I do this using the editor "functions file" ? or Just paste it on the custom CSS?

   Posted 7 months ago #
4. 

   hotspot
   Member

   They are shortcodes, so just paste it in the page itself.

   Posted 7 months ago #
5. 

   Ismael
   Moderator

   Hi,

   @hotspot: Thanks for helping out.

   @ngonzalex: hotspot is correct, you should paste the snippet above on the post or page editor. :)

   Regards,
   Ismael

   Posted 7 months ago #
6. 

   ngonzalez
   Member

   I'm sorry guys but I'm kind of dummy when it comes to this things... Do I past the whole thing on each page between my text?

   or switch to html and just past it anywhere? Also should I just choose one of them or paste them all (without the comments I assume)

   No HTML knowledge whatsoever on this end of the keyboard :)

   Thanks

   Posted 7 months ago #
7. 

   ngonzalez
   Member

   Another question on this subject though. It may be out of scope but I'd appreciate if you can answer it..

   Would any of these shorthcodes allow me to split the page into. Just like you have in your support site's login page?
   I'd like to use it to limit my ticketing system and the contact form to half a page.
   The thing is that I want create instructions to help spanish speaking users fill the fields in both forms

   Thanks again for your support

   Posted 7 months ago #
8. 

   Nick
   Moderator

   Hi,

   The column shortcode will let you create two columns just as the login page has. To create the effects would require you to have basic understanding of css and html since there is no out-of-the-box solution that creates a customized login page such as the one leading here. Test the columns shortcode in conjunction with other shortcodes and perhaps you may be able to satisfy your requirements.

   Thanks,

   Nick

   Posted 7 months ago #
9. 

   ngonzalez
   Member

   Will do

   Thanks for everything

   Posted 7 months ago #
10. 

    Mya
    

    Let us know if that solved your issue.

    Regards,
    Mya

    Posted 7 months ago #
11. 

    ngonzalez
    Member

    The shortcodes create the four columns perfectly on the pages that have no forms (this is exactly what I wanted).

    However, if I use the on the page where I have the contact form the column shows at the very top. In this case I need it to show beside the form (on the right). You could say that I want split the page into, where the form would be on the left and my comments on the right.

    Any ideas to accomplish this

    Thank you

    Posted 7 months ago #
12. 

    Ismael
    Moderator

    Hi,

    It would be very helpful if you can give us a screenshot on what you are trying to accomplish anyway from what I understand this is what you want to do. You can place the shortcode inside a new div. Go to html editor then do this

    <div id="comment-box">
    PLACE THE SHORTCODE HERE
    </div>

    Then go to custom.css and declare a new rule, something like this

    #comment-box {
    width: 400px;
    position: absolute;
    right: 10px;
    }

    You still need to adjust some values to get this right and maybe place a few more declarations or style. Please send us a screenshot of what you are trying to do.

    Regards,
    Ismael

    Posted 7 months ago #
13. 

    ngonzalez
    Member

    Guys I can't paste anything here. If you give me an email address I'll be more than happy to send you a screenshot . Anyway I want to cut the page in two just like you have it on your support page ("before login-in", where you placed the steps to create and register an account). I want to use that space to walk spanish speaking customers to open support tickets (since the support form is in English).

    http://www.opsvenue.com/support-5/

    I want to do the same thing on the page where I place your contact form

    Thank you

    Posted 7 months ago #
14. 

    ngonzalez
    Member

    I would also like to be able to divide a couple of my pages in sections. Just like you have it on the demo of flagship. The shortcodes created the columns just fine (I love it by the way). Now want to trace a line below the colums and create a new set of columns below the lines with new headings and their own information. So my page would look pretty much like your demo

    this is mine now http://www.opsvenue.com/

    I want to create the other two sections you have below the first line in order to keep the information short and to the point. Just like you have it here: http://www.kriesi.at/themes/flagship/

    Thanks again for everything

    Posted 7 months ago #
15. 

    Devin
    Moderator

    Hi ngonzalez,

    For the contact page, I'm not quite sure how to approach it. The contact form is added in after the fact by the theme so manipulating it without getting into some specific custom css is a bit tough. However looking at the page you linked: http://www.opsvenue.com/support-5/ it looks as though you are using a plugin (zingiri tickets) to display a form. If it is using a shortcode to do so, you can try using column shortcode to give yourself a 3/4 column then 1/4 column. Put the shortcode for the form in the 3/4 column and your other content can go inside the 1/4 column.

    If you have not already, try using the shortcode button to generate your shortcodes. Its the magic wand icon just above your visual editor:
    

    From there you can select column layout and a popup will appear. Then select the number of columns you want (4 in this example) and select the layout by clicking on the column values (3/4 then 1/4). Hit Insert and the code will be put into your visual editor.

    You can also do the same thing for line breaks and all the other shortcodes that come with the theme: http://www.kriesi.at/themes/flagship/template-files/shortcodes/

    Regards,

    Devin

    Posted 7 months ago #
16. 

    ngonzalez
    Member

    Hey guys,

    Please disregard the second question. I found the way of inserting the horizontal ruler by playing with the HTML editor. IT works great.

    Regarding the first question. I plan to use WPML on my site and was wondering if the field names of your contact form can be displayed "translated" in spanish when WPML is enable. If that works then I don't need to cut the page at all

    Thanks again

    Nelson

    Posted 7 months ago #
17. 

    Dude
    Dude

    Yes, WPML allows you to translate the contact form labels. Flagship will create several different option sets - one set for each language. Thus you can rename the contact form captions by switching the language in your admin panel. Flagship will show the "Spanish" Theme Options Panel afterwards and you can edit/create a different contact form for your spanish website.

    Posted 7 months ago #

RSS feed for this topic

Reply

You must log in to post.