Primary CTA centered when set to left aligned

  • Resolved verneadmin

    (@verneadmin)


    7 years, 10 months ago

    Hey,

    I’ve been setting a primary CTA on my homepage (static page).
    However this CTA is now centered when it should be left aligned…
    When inspecting my page I can see:
    .post-header-cta {
    text-align: center

    Where can I change this setting ?

    My site can be seen here : https://www.vernedigital.com

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author satoristudio

    (@satoristudio)

    Hey Paul,

    this makes sense, thanks for the heads-up!

    The fix will be added in the next Bento update, meanwhile you can use this snippet to correct it right away (add this to the Additional CSS” tab of the “Appearance – Customiser” admin section):

    .home .post-header-cta-primary { text-align: initial; }
@media screen and (min-width: 48em) { .post-header-cta { margin-left: -10px; } }

    Sincerely,
    Andrii / Satori Studio

    Thread Starter verneadmin

    (@verneadmin)

    Unfortunately this fix did not work, there was no effect on the CTA.
    So I finally decided to modify the styles.css this way:
    .post-header-cta {
    text-align: left;
    }

    • This reply was modified 7 years, 10 months ago by verneadmin.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Primary CTA centered when set to left aligned’ is closed to new replies.