Details about this thread
  • State Verified Answer
  • Replies 3 replies
  • Subscribers 106 subscribers
  • Views 1332 views
  • Users 0 members are here
Related content from around SugarClub

Global Unsubscribe Page Alignment Question

Freddy Feliciano

We are constructing our Global unsubscribe page and cannot seem center align the unsubscribe options. Is there an option to properly center  the suppression lists / unsubscribe verbiage and button that we are overlooking?

Thanks in advance!

Parents
  • +1

    Hi Freddy,

    While there are not styling options within the editor for those selections, it is possible to target them with CSS when you toggle to the raw HTML in the editor. I have attached a sample that may help you. You would want to update all of the fonts, colors, etc. to be your desired look/feel.

    Thanks!

    Jana

    Fullscreen Sample styling for Unsubscribe Options.txt Download 
    Example style tag to target unsubscribe options:


<style>
    html {
    position: relative;
    min-height: 100%;
    box-sizing: border-box;
    }
    *,
    *:after,
    *:before {
    box-sizing: inherit;
    }
    body {
    padding:0px;
    margin:0;
    font-family: 'Raleway', sans-serif;
    background-color:#76787a;
    font-weight:500;
    font-size:16px;
    }
    #form1 {
    background-image: url('INSERT URL HERE');
    background-repeat: no-repeat;
    background-position:center left;
    background-color:#ffffff;
    }
    #webUnsubscribe {
    width:100%;
    max-width:920px;
    margin:0 auto;
    padding:0 10px 0 100px;
    }
    .container {
    width:100%;
    max-width:920px;
    margin:0 auto;
    }
    .header {
    padding:50px 0;
    }
    .main {
    }
    .footer {
    width:100%;
    margin-bottom:-50px;
    border:none;
    background-color:#76787a;
    padding:50px 0;
    }
    .footerInfo {
    width:100%;
    max-width:920px;
    margin:0 auto;
    }
    .footerInfo p {
    color:#ffffff;
    font-size:14px;
    text-align:center;
    }
    .footerInfo a {
    color:#ffffff;
    font-size:14px;
    text-decoration:underline;
    }
    input[type="submit"] {
    padding:10px 30px;
    background-color:#1A355E;
    color:#ffffff;
    font-weight:800;
    border:1px solid #EEA904;
    }
</style>

    Director, Customer Enablement | SugarCRM

  • 0 in reply to Freddy Feliciano

    You're welcome! In general, I don't recommend putting too much effort into making a stylized unsubscribe page, as folks are there because they no longer want to communicate with you. That said, I do understand wanting to have a more seamless look across fonts, etc. I think the above should get you what you are looking for. Slight smile

    Director, Customer Enablement | SugarCRM

Reply Children
No Data