Fixed width and height header image

7 posts from 4 voices

• Started 4 months ago by valabou
• Latest reply from Ismael
• This topic is not a support question

Tags:

No tags yet.

1. 

   valabou
   Member

   Hi there!

   I would like the header image width and height to be fixed and not resize. How can I do that?

   You can see my ongoing work here: http://scienceontourne.com/newsite/

   Thanks!
   Valerie

   Posted 4 months ago #
2. 

   valabou
   Member

   I think I fixed my problem by removing the #apply_header_bg.fullscreen_stretch CSS. Will that cause problems with the theme?

   Posted 4 months ago #
3. 

   Ismael
   Moderator

   Hi Valerie,

   I don't think it would cause a problem at all. Just check all parts of your site to make sure. :)

   Regards,
   Ismael

   Posted 4 months ago #
4. 

   bjj_james
   Member

   Ismael and/or valabou, how do you get that stretch look with the picture so that it is all the way across? When I bought the theme, I thought it was an option and not a code change. I am more than willing to learn, but I am not sure where to go. I log into wordpress - go to appearance - editor - and from here, I have no idea what to do. I found this bit of code on a forum div #apply_header_bg{position:fixed;} but I am not sure where to put it. Any help with this matter would be greatly appreciated!

   James

   Posted 4 months ago #
5. 

   Dude
   Dude

   Hi!

   You can add it to wp-content/themes/flagship/css/custom.css or into the quick css option field (theme options panel).

   Best regards,
   Peter

   Posted 4 months ago #
6. 

   bjj_james
   Member

   That did not work...where are some videos or a manual on how to work this thing???

   Posted 4 months ago #
7. 

   Ismael
   Moderator

   Hi bjj_james,

   Kindly go to wp-content\themes\flagship\css\layout.css and find this code block (line 489):
   

   #apply_header_bg.fullscreen_stretch{
   	background-position: top center; background-attachment: scroll; background-repeat: no-repeat;
   	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
   }

   Replace it with:
   

   /*
   #apply_header_bg.fullscreen_stretch{
   	background-position: top center; background-attachment: scroll; background-repeat: no-repeat;
   	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
   }
   */

   Hope this helps.

   Regards,
   Ismael

   Posted 4 months ago #

RSS feed for this topic

Reply

You must log in to post.