Link text and icons on map box, hover box

This topic contains 6 replies, has 2 voices, and was last updated by  mstopa 7 years, 8 months ago.

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

Open Support Ticket
  • Author
    Posts
  • August 24, 2016 at 2:26 am #252314

    mstopa
    Buyer
    Post count: 212

    Hello,

    Changing link colors throughout my site theme.

    Can you tell me which H headers are used for:

    -Side of the map box
    -Bottom of the map box
    -Listing name in the top of the hover box

    Also, where can I set the icon and icon size that appears in the map listing box next to the category? It looks like it’s using the map marker but it’s so small I can’t see it.

    Two photos attached to indicate the above links and icon I’m asking about.

    Thanks!
    Marsha

    August 24, 2016 at 6:48 am #252382

    Kor
    Moderator
    Post count: 16516

    Hi Marsha,

    Use the custom CSS below to customize the font to your liking. 

    

    /* Right Section */
.map_category label {
    font-family:sans-serif;
    font-size:15px;
    font-weight: normal;
}

/* Bottom Section */
.map-places-listing ul.place-list li a {
    font-family:sans-serif;
    font-size:15px;
    font-weight: normal;
}

/* Hover Box */
.geodir-bubble_desc h4 {
    font-family:sans-serif;
    font-size:15px;
    font-weight: normal;
}
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		August 24, 2016 at 9:16 pm

		
		#252858

		
		
		
	
    


    


    

	
    

		
		
    mstopa
    Buyer
    
		
		
     Post count: 212
    
	
    

	
    

		
		
    Hi Kor, 
    

    Awesome! Many thanks!
    

    What CSS do I need to add in to change the colors?
    
The color is the problem right now.
    

    Or, is that tied to one of the H headers with the theme?
    

    Thanks again.
    

    Marsha
    

		
	
    


    

			
				

    

	
    

		August 25, 2016 at 4:07 pm

		
		#253299

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Marsha, 
    

    Sorry, not sure how I missed this reply. You can just add color:#000 to the custom CSS as shown below and of course you can use any colors you like. 
    

    

    /* Right Section */
.map_category label {
    font-family:sans-serif;
    color:#000;
    font-size:15px;
    font-weight: normal;
}

/* Bottom Section */
.map-places-listing ul.place-list li a {
    font-family:sans-serif;
    font-size:15px;
    color:#000;
    font-weight: normal;
}

/* Hover Box */
.geodir-bubble_desc h4 {
    font-family:sans-serif;
    font-size:15px;
    color:#000;
    font-weight: normal;
}
    

		
	
    


    

			
				

    

	
    

		August 25, 2016 at 11:51 pm

		
		#253512

		
		
		
	
    


    


    

	
    

		
		
    mstopa
    Buyer
    
		
		
     Post count: 212
    
	
    

	
    

		
		
    Hey Kor, 
    

    No worries. I’ve got a lot going on right now. 
    

    I just tried it, adding #ffffff for all the colors and nothing seemed to change. 
    

    Right now I’m especially concerned about the Hover Box. And since the code says H4 I even changed the H4 link color to #ffffff and it didn’t change. 
    

    http://adventurebrevard.com/
    

    Click the top or bottom mapn icon under “Bike.”
    

    Thanks for your continued patience as I work these quirks out!
    

    Marsha
    

		
	
    


    

			
				

    

	
    

		August 26, 2016 at 3:42 pm

		
		#253893

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Marsha,
    

    Thanks for your reply. I’ve just tested the right and bottom section of the custom CSS I’ve provided earlier and it seems to work fine. However, I made a mistake for the hover box CSS code. Sorry about that, could you try using the custom CSS code below instead? 
    

    

    /* Hover Box Title */
body.gppro-custom a {
    color: #000;
}

/* Hover Box Title Hover*/
body.gppro-custom a:hover {
    color: #000;
}
    

		
	
    


    

			
				

    

	
    

		August 26, 2016 at 4:25 pm

		
		#253922

		
		
		
	
    


    


    

	
    

		
		
    mstopa
    Buyer
    
		
		
     Post count: 212
    
	
    

	
    

		
		
    Kor, 
    

    Awesome! You rock!
    

    Thanks for this — works perfectly. 
    

    Many thanks for checking all of them. 
    

    Much appreciated.
    

    Best,
    
Marsha
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket