Skip to content
This repository has been archived by the owner on Dec 17, 2024. It is now read-only.

il-call-to-action without icon not centering #395

Open
sydbeth opened this issue Nov 7, 2022 · 2 comments
Open

il-call-to-action without icon not centering #395

sydbeth opened this issue Nov 7, 2022 · 2 comments
Assignees
Milestone

Comments

@sydbeth
Copy link

sydbeth commented Nov 7, 2022

Even while using il-align-center the class il-calltoaction is making the text off-center in a Wordpress Site.

I used the component builder to make this:

<il-call-to-action class="il-align-center il-theme-blue">
<h3>Get started today!
<p>Enroll in a class after you are admitted as a non-degree student.</p>
<p><a href="#" class="il-button">Registration overview</a>
<a href="#" class="il-button">Contact Us</a>
<a href="#" class="il-button">Accessing email/Compass</a></p>
</il-call-to-action>

Removing the extra padding helps; The left purple box in the screenshot below says:
.il-calltoaction .il-calltoaction-body { padding-left: 50px; flex: 0 1 845px; }

Screen Shot 2022-11-07 at 1 51 34 PM

@bryanjonker-illinois bryanjonker-illinois self-assigned this Nov 11, 2022
@bryanjonker-illinois bryanjonker-illinois added this to the 2.14 milestone Nov 11, 2022
@bryanjonker-illinois
Copy link
Collaborator

This will be deployed with the next patch

@mattsharkey mattsharkey modified the milestones: 2.14, 2.15 Nov 15, 2022
@sydbeth
Copy link
Author

sydbeth commented Apr 6, 2023

Here's a better view on what the issue is for me using the builder set to align center it looks like this:
Screenshot 2023-04-06 at 12 00 27 PM

Screenshot 2023-04-06 at 11 55 38 AM

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants