Call us +1-231-421-7160

Aligning Module Content Left & Right

By default in the CloudBase 3 template, content in modules is aligned left as illustrated in the Latest News module below.

align1

To get the content to align left, open the module in the Module Manager, click on the Advanced tab and insert "pull-right" in the Module Class Suffix field. Be sure to save your work.

align2

You can also insert "pull-left" as a Module Class Suffix. 

Important: If the class inserted in Module Class Suffix field doesn't take the effect, please add a space before its name.

Alternatively, you can also play with the alignment of content using the Layouts feature in the CloudBase 3 template. For example, in the image below, we have two modules: one logo module in the Header-A position and a search module in the Header-B position. 

align3

By going to the Template Manager in the administration area, opening the CloudBase 3 template, and clicking on the Layouts tab, we can adjust the dimension ratio of the Header positions. Be sure to save your work. 

align4

Return to the front of the page to see the changes.

align5

Do you have suggestions for improving this article?  

We take a great deal of pride in our knowledgebase and making sure that our content is complete, accurate and useable. If you have a suggestion for improving anything in this content, please let us know by filling out this form. Be sure to include the link to the article that you'd like to see improved. Thank you!