CSS Help

  • Resolved sureshot007

    (@sureshot007)


    4 years, 10 months ago

    I’m using the “text” format, and I’m trying to figure out how I can just have it centered in the page without the white transparent background. Can someone point me in the right direction for the proper CSS for that? I currently have:

    .foyer-slide .foyer-slide-field {
text-align: center;
font-size: 6rem; 
}

    And that makes the content font bigger, and it centers it a little, but not in the middle of the page. Plus there is this white translucent background that is blocking the background image I have.

Viewing 1 replies (of 1 total)
  • Plugin Author Menno Luitjes

    (@mennolui)

    Hey @sureshot007,

    If you want all the .foyer-slide-field elements to be transparent you can use..

    background: transparent;

    Maybe add !important.

    Also, the .foyer-slide-fields element (that is wrapped around the .foyer-slide-field elements) by default has a restricted width set. If you want it to cover the entire slide horizontally you could use..

    width: 100%;

    Hope this helps figuring out some custom CSS.

    Best,
    Menno

Viewing 1 replies (of 1 total)
  • The topic ‘CSS Help’ is closed to new replies.