New to the community? Start here

How to add background image for my page running upfront theme

Hello Guys, I have installed Spirit theme and want to use a background image for home page. I dont find options. Can you please help me with this.

Thanks,

Kireeti

Fri, 1 Jan 2016 17:44:50
  • Rupok
    • Ex Staff

    Hi Kireeti

    I hope you had a wonderful day and happy new year.

    As Spirit Theme has different regions, you can change the background of each region very easily. But if you want to change the background of the full page, then you have to put all your contents of your homepage in a single region.

    Now, for changing the background of a region, login in your site, click "Customize" on the top black bar, the Customizer will open.

    After the customizer is open, you will see a pen icon at the top-right corner of your screen when you move your mouse over the region. Click on that (Please check attached screenshot for reference).

    Then click on the green configuration icon, then select an image and save. And you are done. The background for that region is changed.

    Have a nice day. Cheers!

    Rupok

    [attachments are only viewable by logged-in members] [attachments are only viewable by logged-in members] [attachments are only viewable by logged-in members]

  • Rupok
    • Ex Staff

    Hi Kireeti

    Just to follow up, I’ve got another info for you. If you want to change the background for all pages (though you wanted to change only the background of the homepage, just FYI), in that case you won’t have to put every elements in a single region in every page. Rather you can set a Global Background just from the Customizer. When you are in the Customizer, on your left under the elements, you will see a section called “Theme Settings”. When you click there, you will see a new option “Edit Global Background” (Please see the attached screenshot for reference). You can set a Global Background for all pages of your site from here.

    Have a nice day. Cheers!

    Rupok

    [attachments are only viewable by logged-in members] [attachments are only viewable by logged-in members]

  • Kireeti
    • Flash Drive

    Hello Rupok, I am really pleased by your efforts. I have already found that option and it is workind good. But Code is not working fine. I am trying to give the following code

    <h4><u>text</u></h4> but it is not taking <u> tag. Why So?

  • Kasia Swiderska
    • Support nomad

    Hello Kireeti,

    <h4><u>text</u></h4> but it is not taking <u> tag. Why So?

    What do you mean by “not taking”? I’ve just tested this code and u tag is there, it is not removed. If you mean that it doesn’t change its look, then this is because this element is not styled – so you would need to add custom CSS styles:

    u {
    
text-decoration: underline;
    
}

    kind regards,

    Kasia