Okay
  Public Ticket #1729784
Align page header background
Closed

Comments

  • fabcarriza started the conversation
    September 29, 2018 at 8:44pm

    Hi, I need to check the alignment of the backgrounds on each page of my website. Can it be done with custom CSS (I understand it's with "background position css")? And if so, how can I keep this alignment on mobiles? 

  •  3,030
    Andrew replied
    September 30, 2018 at 9:32am

    Hi fabcarriza,

    Could we get a link to one of the pages and describe which exact image you are referring to so that we know if it's something that is possible with CSS.

    Thanks.

  •   fabcarriza replied privately
  •  3,030
    Andrew replied
    October 2, 2018 at 4:10pm

    Hi,

    Still unable to tell which image background you would like to change. If it was for the background on the columns. You can add a custom class go to Column Settings and in the field "Extra Class Name" add 'custom_bg' for example. You can then add the Custom CSS to the page settings.

    .custom_bg{
  background-position: left center !important;
}

    Kind Regards

  • fabcarriza replied
    October 2, 2018 at 4:24pm

    I'm sorry, I know I wasn't clear. I want to change the alignment of the backgrounds of the page header (see screenshot). In this case I need this background to be left centered

  •  3,030
    Andrew replied
    October 2, 2018 at 5:01pm

    Hi,

    For the page header it would be the following CSS. You can add it to each of the pages settings. Otherwise to the General Settings > CSS/Script Related > Custom CSS Code

    .page-header-bg-image{
   background-position: left center !important;
}

    Kind Regards