WordPress.org

Ready to get started?Download WordPress

Forums

Simple Catch
Change header image & how to use the slider (4 posts)

  1. alice8957
    Member
    Posted 1 year ago #

    Hi all,

    Im a true newbie in using wordpress and i've never worked with code before.
    Thusly im a little lost with how to change my header image. I noticed the header image is stored in my images folder in the simple catch folder i downloaded, so i downloaded an image id like to use and stored it here. Then i changed in the code that part :

    #header {
    background:url(images/header-bg.jpg) left bottom repeat-x;
    padding-bottom:20px;

    Into :

    #header {
    background:url(images/corail.jpg) left bottom repeat-x;
    padding-bottom:20px;

    corail.jpg being the name of the image i want to use.

    But nothing changed. Then i tried to remove the original header-bg image from the folder, and then when i updated my home page, the whole header image had disappeared and the whole page was the color of the articles background color.

    What should i do to be able to use another image in the background ??

    I have another question, I just didn't understand how to implement the featured slider. What should i write in the box next to " Featured Slider Post #1 " ?

    Thanks a lot for helping me because i really like the theme design and id like to be able to customize it to keep it !
    Alice

  2. alice8957
    Member
    Posted 1 year ago #

    I have found how to change the color of the header background, but still not how to put another image.

    And i still havent found how to use the slider ! :(

  3. srimmasch
    Member
    Posted 1 year ago #

    Go to Appearance>Edit Css then enter this at the bottom

    #header {
    background: url(images/corail.jpg) left bottom repeat-x;
    padding-bottom: 20px;
    }

    It would be good to ask, where are you putting your code you mentioned above?
    The:

    #header {
    background:url(images/header-bg.jpg) left bottom repeat-x;
    padding-bottom:20px;

    Into :

    #header {
    background:url(images/corail.jpg) left bottom repeat-x;
    padding-bottom:20px;

  4. alice8957
    Member
    Posted 1 year ago #

    Thanks for replying !

    I tried to put the code you showed me in theme options > custom css, it made my background color disappear but without showing the image. The image is stored in the images folder of the theme.

    I had changed that code directly in the editor, in the styles.css document.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic