How to change the header?

  • Resolved raul_coca

    (@raul_coca)


    9 years, 8 months ago

    I want to change the header and I don’t know how to do it, because someone else changed it for me and that person is not available anymore. I want to know which file should I modify in order to change it, or at least what .php file contains the curent header image? In theme settings you can’t add the header like you can in other teams. Thank you in advance.

    https://www.cncoutlet.ro

Viewing 12 replies - 1 through 12 (of 12 total)

  • Hi,

    Here I’m sending a image link which is related to your output.

    If you want to change the image from header then i will tell you the solution.

    Here is a image URL

    Thanks

    Thread Starter raul_coca

    (@raul_coca)

    Yes, that’s the one I want to change. And I want the tiled image to be removed also.

    Hi,

    Please send me the screen shot which tiled image you want to remove.

    Thanks

    Hi,

    create a “Child-Theme” first after it follow the given below instructions :

    Now add the given below CSS rules into “style.css” file of

    your “Child-Theme” directory.

    CSS rules is here:

    .header_section{
    background-image: url(“./images/image.png”);
    }

    Now save the changes.

    Note: replace the image.png file with your own image name.

    Thanks

    Thread Starter raul_coca

    (@raul_coca)

    In the link you gave me you can see the tiled image at the end where it begins all over. The banner itself has to finish where the Facebook button is positioned. As you can see, after the FB button, the image starts tiling.

    Regarding the modification of the header section, I know that it is already placed somehow in the code or from the theme’s settings, but I don’t know where. So I don’t want to create a child theme, just to understand where is the header placed in the code, for future modifications.

    Hi,

    Go to your core theme directory >> css >> default.css.

    Now open default.css file in any text editor.

    and find the given below line of code

    .header_section {
    background-image: url(../images/header+logo.jpg);
    color: #fff;
    }

    Now replace the “header+logo.jpg” image name with your own image name.

    if you want to remove tiled image then use given below property under .header_section.

    background-repeat: no-repeat;

    Now save the changes.

    Thanks

    Thread Starter raul_coca

    (@raul_coca)

    Thank you very much!

    Thread Starter raul_coca

    (@raul_coca)

    Ok, I have another issue here. I put the code you gave me and it works and looks just fine on my pc and my laptop. But one of my friends told me that on his laptop it doesn’t look fine. See below:

    https://postimg.org/image/f9gi4cyet/

    Hi,

    Use high resolution image to resolve this issue.

    thanks

    Thread Starter raul_coca

    (@raul_coca)

    I have a high resolution image, but I resized it for 1360×97. The thing is that i tried with a higher resolution image, but it looked kinda like if it was zoomed.

    Hi,

    Please use 1600*120 size for header image.

    Thanks

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘How to change the header?’ is closed to new replies.