Supreme Theme – Featured image on home page – resize.

This topic contains 19 replies, has 2 voices, and was last updated by  Olga Shibiko 5 years, 5 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: ,

  • Author
    Posts
  • July 15, 2019 at 5:35 pm #497786

    Olga Shibiko
    Expired Member
    Post count: 73

    Hello,

    I am trying to half the size of the featured image on my home page. I read through the forum and specs to figure it out. I tried the css code as suggested . It happily removed the Title but failed to narrow down the image. Wrong place? I also tried the code snippet but it’s giving me syntax errors on brackets. What am i doing wrong and do I need a different theme. Please advise.

    July 15, 2019 at 6:25 pm #497806

    Alex Rollin
    Moderator
    Post count: 27815

    Try adding the CSS to the customizer

    WP Backend – Appearance – Customizer – Additional CSS

    July 15, 2019 at 6:30 pm #497810

    Olga Shibiko
    Expired Member
    Post count: 73

    Hi Alex,
    i did. Please see attached file.

    July 15, 2019 at 7:34 pm #497832

    Alex Rollin
    Moderator
    Post count: 27815

    OK, sorry, I saw that, but was distracted by the second on.

    Please share WP Admin credentials so I can take a look at the problem.

    July 15, 2019 at 7:57 pm #497835

    Olga Shibiko
    Expired Member
    Post count: 73
    This reply has been marked as private.
    July 15, 2019 at 10:18 pm #497847

    Alex Rollin
    Moderator
    Post count: 27815
    This reply has been marked as private.
    July 16, 2019 at 2:00 am #497868

    Olga Shibiko
    Expired Member
    Post count: 73

    sorry for delay. it’s not life yet.
    so this is the permalink of the main page for now http://box5920.temp.domains/~shibikoc/

    July 16, 2019 at 2:17 am #497874

    Alex Rollin
    Moderator
    Post count: 27815

    I can’t see the site, and I get an error that the password is incorrect.

    Please check and repost.

    July 16, 2019 at 2:36 pm #497970

    Olga Shibiko
    Expired Member
    Post count: 73
    This reply has been marked as private.
    July 16, 2019 at 2:46 pm #497977

    Alex Rollin
    Moderator
    Post count: 27815
    This reply has been marked as private.
    July 16, 2019 at 6:57 pm #498075

    Olga Shibiko
    Expired Member
    Post count: 73
    This reply has been marked as private.
    July 17, 2019 at 3:00 pm #498188

    Olga Shibiko
    Expired Member
    Post count: 73
    This reply has been marked as private.
    July 17, 2019 at 7:44 pm #498260

    Alex Rollin
    Moderator
    Post count: 27815

    I added the following:

    

    
/*Change the height of the featured area */
body.home header .featured-area .featured-img {
    height: 50vh;
}
header .featured-area.type-location {
    height: 50vh;
}

    

    Adjust as needed, hope that works for you 🙂
    

		
	
    


    

			
				

    

	
    

		July 17, 2019 at 11:00 pm

		
		#498281

		
		
		
	
    


    


    

	
    

		
		
    Olga Shibiko
    Expired Member
    
		
		
     Post count: 73
    
	
    

	
    

		
		
    You are amazing. May I ask why there was a difference in code? Is it the way I set up my homepage? Sadly and obviously i’m not a developer, but learning basics might help avoid future redundant questions .
    

		
	
    


    

			
				

    

	
    

		July 18, 2019 at 12:03 am

		
		#498295

		
		
		
	
    


    


    

	
    

		
		
    Alex Rollin
    Moderator
    
		
		
     Post count: 27815
    
	
    

	
    

		
		
    If you have set the location page as the homepage, I would recommend choosing a different page.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 15 posts - 1 through 15 (of 20 total)
	


	


		

	

	





		
				

			

				

					
We have moved to a support ticketing system and our forums are now closed.

					Open Support Ticket
				

			

		

		
	
	


			

			


		
	


		

	

	


















	
	
			
			
			
			
                        
            
            
                
                

                    

                        20% Discount Offer
                        
                        
                    

                    

                        Hurry! Get your 20% discount before it expires.
                        Get 20% Discount