How do I change the header banner image of my site?
Please see attached file.
-
This topic was modified 4 years by
john432.
Hi john432, the Newsmag theme do not have an option to set the background image for header, therefore This was done using a css code -> https://i.imgur.com/c84XWur.png
Thank you!
Do I need to convert this image into CSS code?
see this file:
Hi,
Yes, that image can be set with css and is not need to convert the image, only assign it, like this -> https://i.imgur.com/tnmpKzr.jpg
body .td-header-header {
background-image: url(https://fiverr-res.cloudinary.com/image/upload/q_auto,f_auto/v1/secured-attachments/message/attachments/c699c076d17b614d371725035e912f47-1631860309946/Fight%20Nail%20Fungus%2002.jpg?__cld_token__=exp=1632121451~hmac=adcb0d38387dd7600ef18f3503812e5b2f81d0e9d4dfb0020670824ba8a78dd6);
}
Indeed the code need to be set in the theme panel> custom code> custom css.
I hope this will help you!
Thank you!
What is the correct header logo size?
I need your help in removing this logo.
I’ve encircled it with a red box. https://imgur.com/1c5quE9
-
This reply was modified 4 years by
john432.
Hi john432 , if you are using logo header style 7, 8 or 10, then those allow you to set the logo image in full size -> https://forum.tagdiv.com/newsmag-header-styles/ therefore if you use one of those header you can use whet logo dimension you want. For the rest of header styles the logo dimensions are 272 x 90px.
Thank you!
I’m having a problem removing this logo.
I’ve encircled it with a red box. https://imgur.com/1c5quE9
I’ve narrowed down the problem, it is between CSS Lines 19 – 25
But I don’t want to mess with the codes. Which CSS line of the code needs to be deleted for this image to disappear?
There is no need to edit the theme files, just remove the image from the theme panel, like this -> https://i.imgur.com/G57Ffhe.png
This should help you!
How do I get rid of this blue line in the middle of the logo? There’s also a dark shade underneath that blue line that needs to be removed as well.
Take a look: https://imgur.com/plI1wAS
Hi,
That header should look like this https://i.imgur.com/cinxmuK.png please try this custom css
.td-header-menu-wrap {
margin-top: 48px;
height: 48px!important;
}
Set the code in the theme panel> custom code> custom css.
I hope it will help you!