- Posts
Hello, I just started using Boldgrid today, and I really like it.
However I’m a bit stumped trying to position the Call-To-Action widget on the Home page of the Wedge theme. I’ve looked at several other questions on this subject but still can’t figure out what code to use in a custom CSS or JS addition to the site.
What I want to do is learn how to move the widget up, down, or sideways, left or right.
My development site can be seen at mrktguru.com/mlh .
Thank you for your kind assistance!
David
Hello David,
Thanks for submitting a question about how to position the call-to-action widget. In CSS terms, you could use the margin and padding properties.
However, I would caution that any custom CSS and JS modifications you make affect the staging area as well, and this can cause problems when auditioning different Inspirations.
It would be best to create a custom template file for your modifications in a child theme.
Best,
Christopher M.
Hello Christopher,
Thank you very much for your prompt response.
I am very much a beginner at all this. I would like to just add a few lines of CSS and/or JS code to get this done for this test site. If you can show me how to do that and what code to put in, I would be very thankful. I am not going to change Inspirations for the site, so I’m not worried about breaking anything else.
Let’s say I want the displayed Call-to-Action text to move 20 pixels up and 20 pixels to the right of the full screen, how would I code for this?
Thank you again very much,
David
Hello again, David. I have provided a snippet you can use this snippet in the Custom CSS editor. Click on the link provided in the previous sentence for instructions on how to use the custom editors. Once you have entered the Custom CSS Editor, you can place this code there:
.call-to-action { position: relative; top:100px ; left:40px ;}
Adjust the “px” values for “top” and “left” to move the call to action around. Remember you can use negative values (-40) as well.
- The topic ‘How to position Call-To-Action widget’ is closed to new replies.
