Positioning the button in cornerstone and background image

Support
#1

Hi,
I have a question about buttons:

  1. Can I create multiple button types in cornerstone? I don’t want all of the buttons on my pages to look the same.
  2. How can I control the position of the button in the block? Whenever I position a button it alligns to the left.
  3. I want to create a section in cornerstone that functions with a background image similar to the top image shown in this website:
    http://www.evaforcolp.com/

Meaning: the text on top of the image and the sections below look as if they “scroll over” the image.

Thanks!

#2

Hello There,

Thanks for writing in!

1.) Yes you can have several buttons with different look on a page. You can even have it custom. Please insert the your button and select the type, shape and size for your button.

2.) You can insert a custom class right in the class field to make sure that your button will be align to the right of its container.

3.) Please insert a background image in your section and enable the parallax effect in the section settings.

Hope this helps. Please let us know how it goes.

#3

Thanks. Here are my replies inline:

1.) Yes you can have several buttons with different look on a page. You can even have it custom. Please insert the your button and select the type, shape and size for your button.
Thanks. That doesn’t allow me to control the color though. How do I go about having buttons with multiple colors?

2.) You can insert a custom class right in the class field to make sure that your button will be align to the right of its container.
Right worked, however when typing in “center” it didn’t. Could you please advise?

3.) Please insert a background image in your section and enable the parallax effect in the section settings.
That worked! However, I want the whole page to be without a white background and don’t want the sections contained in a white box. I want it on the full width of the page similar to this page: http://www.mobileodt.com/.

How do I go about changing that?

#4

Hi,

  1. To change color, add the code below in the style field of your button element.
color:blue;background-color:red;box-shadow:none; border:0;

  1. Add text-align:center; in the style field of the parent element of your button.

  2. Please select No Container template under page attributes.

Hope that helps.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.