I have encountered a problem with my cta buttons when making a landing page. The design (font/colour/shape) is set by default but I am able to edit the size and name as well as the link.
Saved/PublishedSo my problem is: I have set a cta and inserted it into the content body. It seems fine in size and position. When saved and published the size is not at all what I had set and spans over the whole text body. Maybe somebody knows what I am doing wrong and can give me a hint?
The thing that is giving you problems is width: 100% !important; What this does is makes your .cta_button class 100% of the width of their parent element & '!important' makes that specific style take priority over others. So you have a couple options here to fix it.
Remove your "width: 100% !important" and set a physical width, such as: width: 300px;
Keep 100% width, but also add a max width, like: max-width: 300px;
Add custom CSS in you CTA tool, like this (I didn't save anything on your ctas, you will have to readd the code):
Add a seperate class to your CTA button, such as '.small-cta' then set it's own styles
Try one of these solutions out and let me know how it goes!
Also, all of your CTA styles are controlled by this is in your "Primary CSS File" on line 1338, incase you want to update the ctas globally. Changing any of these will update every single CTA, on your site.
I've included the correct snipped and set the class to small-cta like in the snippet. The preview shows that it isnt centered and when I go onto the editor mode its cropped too. (PICS 1+2)
I tried setting the class to .medium-cta and kept the code snippet, resulting into a correct aligned preview (PICS 3+4) and the original problem (correct appearance in the editor mode of the LP, but in the final preview appearing way to big)
25 First St, 2nd Floor
Cambridge, MA 02141
1 Harbour Pl
Portsmouth, NH 03801
One Dockland Central
Dublin 1, Ireland
Asia Pacific HQ
60 Anson Road
#10-03, Singapore 079914
20 Hunter St, Level 7
Sydney NSW 2000
GBHT, Grand Cube 3F, 1-9-2 Otemachi, Chiyoda-ku
Tokyo 100-0004 Japan
View all locations