CSS Selectors

This topic contains 13 replies, has 4 voices, and was last updated by  Stiofan O’Connor 9 years, 10 months ago.

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

Open Support Ticket
  • Author
    Posts
  • July 1, 2014 at 8:08 pm #7052

    jltrinka
    Free User
    Post count: 183

    What CSS selectors can I use to change the font size of the listings on the search page? See below attached image.

    I have tried changing the below but have had no luck

    

    .geodir-entry-title{
	font-size:16px;
}
    

		
	
    


    

			
				

    

	
    

		July 1, 2014 at 8:09 pm

		
		#7053

		
		
		
	
    


    


    

	
    

		
		
    jltrinka
    Free User
    
		
		
     Post count: 183
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		July 1, 2014 at 9:54 pm

		
		#7067

		
		
		
	
    


    


    

	
    

		
		
    Guust
    Moderator
    
		
		
     Post count: 29970
    
	
    

	
    

		
		
    I’d be handy to look at your site to answer that.
    
I think you’d need to adjust .geodir-entry-title h3 { } but seeing the site would help.
    

    http://cs.brown.edu/courses/cs132/resources/inspector/
    
https://developer.chrome.com/devtools/docs/elements-styles
    

		
	
    


    

			
				

    

	
    

		July 2, 2014 at 12:23 pm

		
		#7187

		
		
		
	
    


    


    

	
    

		
		
    jltrinka
    Free User
    
		
		
     Post count: 183
    
	
    

	
    

		
		
    Yeah, I initially used Chrome Inspector to try to sniff out what class this title was linked to, but even when adding the following code I am getting no change.
    

    

    .geodir-entry-title h3{
	font-size:16px;
}
    

		
	
    


    

			
				

    

	
    

		July 2, 2014 at 12:29 pm

		
		#7191

		
		
		
	
    


    


    

	
    

		
		
    Guust
    Moderator
    
		
		
     Post count: 29970
    
	
    

	
    

		
		
    Like I said, I’d be handy to see the site.
    
But in the meantime try
    
.geodir_category_list_view li.geodir-gridview h3 {…}
    

		
	
    


    

			
				

    

	
    

		July 2, 2014 at 12:56 pm

		
		#7203

		
		
		
	
    


    


    

	
    

		
		
    jltrinka
    Free User
    
		
		
     Post count: 183
    
	
    

	
    

		
		
    This worked.  Thanks!
    

    What about the description portion of the entry?
    

		
	
    


    

			
				

    

	
    

		July 2, 2014 at 1:00 pm

		
		#7205

		
		
		
	
    


    


    

	
    

		
		
    Guust
    Moderator
    
		
		
     Post count: 29970
    
	
    

	
    

		
		
    #geodir_wrapper .geodir-common p { … }
    

    You should be able to check that yourself from the Chrome CSS Inspector?
    

		
	
    


    

			
				

    

	
    

		July 2, 2014 at 1:22 pm

		
		#7211

		
		
		
	
    


    


    

	
    

		
		
    jltrinka
    Free User
    
		
		
     Post count: 183
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		July 2, 2014 at 2:17 pm

		
		#7225

		
		
		
	
    


    


    

	
    

		
		
    Guust
    Moderator
    
		
		
     Post count: 29970
    
	
    

	
    

		
		
    I don’t quiet understand why they don’t take effect, unless you add ” !important ” to all of them.
    
I can see the CSS is on the page as well, instead of just in the stylesheet, and that would be why.
    
But I don’t know why it is on the page (source) at all, it should just be on the stylesheet.
    
I might just ask Stiofan.
    

		
	
    


    

			
				

    

	
    

		July 2, 2014 at 3:13 pm

		
		#7234

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31206
    
	
    

	
    

		
		
    They are on the page because they can be changed via framework admin pages or customizer.
    

    I guess you are using GDF?
    

		
	
    


    

			
				

    

	
    

		July 2, 2014 at 4:53 pm

		
		#7252

		
		
		
	
    


    


    

	
    

		
		
    jltrinka
    Free User
    
		
		
     Post count: 183
    
	
    

	
    

		
		
    You guessed right.  I agree, I don’t know why i need “!important”, it’s a little concerning considering I plan on developing with this plugin and theme into the future…
    

		
	
    


    

			
				

    

	
    

		July 2, 2014 at 5:33 pm

		
		#7262

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31206
    
	
    

	
    

		
		
    Hi,
    

    I’ve already asked to Stiofan how someone is supposed to create a child theme if the framework default css options are printed on the header after the child theme stylesheet.
    

    We agree there is a problem here.
    

    In my opinion framework css options should be printed in the header, only if the user has modified the default options.
    

    The theme should use the main css for the default style and the child theme css should be able to override it.
    

    That way a child theme would look different, but user could still take advantage of the customizer and framework options.
    

    Stiofan is looking into this alrady and a solution will be provided with the next GDF release.
    

    Thx
    

		
	
    


    

			
				

    

	
    

		July 2, 2014 at 6:02 pm

		
		#7270

		
		
		
	
    


    


    

	
    

		
		
    jltrinka
    Free User
    
		
		
     Post count: 183
    
	
    

	
    

		
		
    Great!  I appreciate your support!
    

		
	
    


    

			
				

    

	
    

		July 19, 2014 at 3:49 pm

		
		#9114

		
		
		
	
    


    


    

	
    

		
		
    Stiofan O’Connor
    Site Admin
    
		
		
     Post count: 22956
    
	
    

	
    

		
		
    This is resolved in the latest versions.
    

    Thanks,
    

    Stiofan
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 14 posts - 1 through 14 (of 14 total)
	


	


		
	





		
				

			

				

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

					Open Support Ticket