SOLVED Creating / Adding Call to Action Buttons
-
-
- raniko
- Rocketeer
- Posts: 57
- Thanks: 0
-
Hi - I am looking to understand how I can put a button on top of an image. For example, I would like to add a button over a picture at the top of my site (like every other site has) that allows the user to register. However, I have not been able to do it through the tinymce or jce editor, get it to work through the template, rocksprocket or any of the particles (I am using the Aurora template).
There must be a simple way to do this without adding my own code for this, right? Please let me know. Many thanks!
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Please would you post your URL, superuser id and pswd in the secure tab of your post and I'll have a look for you.
Please do a screenshot of your problem and annotate to make it clear.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Ok, you have gone about that the wrong way as really you should be using a background image (not containing text) and then put he text in a simplecontent particle on the top...
Neverthess, I just tweaked what you had and added a button. I did add inline css styling and it would be better to use a class instead for this purpose. You will now need to alter the link to go where you want.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- raniko
- Rocketeer
- Posts: 57
- Thanks: 0
-
Thanks!
My apologies, I accidentally erased the inline css... Can you show me here how to be able to move the button onto the image? For some reason I can't get it to work again.
<p><img src="images/PartnerAboutTopFinal.png" alt="" /><span style="margin-top: -25px;"><a href="about-2/health-fitness-venues.html"><button class="button button-1"><span style="font family: tahoma, arial, helvetica, sans-serif; font-size: 30pt;">Register</span></button></a></span></p>
This produces the below with the button outside of the image. I tried adjusting the margins but it wasn't working so I must be doing something wrong. Thanks!
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
<img src="images/PartnerAboutTopFinal.png" alt="" /> <p style="margin-top: -6rem;"><a href="about-2/health-fitness-venues.html"><button class="button button-1">Register</button></a></p>
I changed it back for you now.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- raniko
- Rocketeer
- Posts: 57
- Thanks: 0
-
Thanks so much. My apologies for this. I've noted my error going fwd.
Also, I did have a question about removing the table cells border on the same page as shown below. I have tried to add border: 0; border: none; and border-color: #ffffff in numerous plces but I can't find a way to actually get them removed. Please let me know if you can help on this as well. I'll repost if you'd like. Thanks again.
-
Time to create page: 0.130 seconds