V2: How to style archive entire item?

This topic contains 3 replies, has 3 voices, and was last updated by  Alex Rollin 5 years, 1 month ago.

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

Open Support Ticket
  • Author
    Posts
  • March 18, 2019 at 3:56 pm #475151

    Jeremy Rangel
    Expired Member
    Post count: 36

    I am looking to add a border to the entire Archive Item. I tried to do this with VisualComposer by putting all of the shortcodes inside a textblock, but that causes all sorts of formatting issues.

    Any idea how to this via CSS? I want to wrap the entire Archive Item output in a box/border.

    March 18, 2019 at 6:09 pm #475173

    Kor
    Moderator
    Post count: 16516

    Hi Jeremy Rangel,

    Thanks for your post. Could you share the URL of the Archive page? Do you mean to add a border to a single archive item or the entire archive?

    Thanks!

    March 18, 2019 at 7:45 pm #475199

    Jeremy Rangel
    Expired Member
    Post count: 36

    Coosguide.com/places shows where I at so far (select Grid-3).

    From what I can see, using the CSS below, I am getting a box shadow around the picture container, which I don’t want.

    I need to add some padding to the left and right of the entire grid item, and also get rid of the box shadow around the picture container.

    .geodir-gridview.gridview_onethird li{
    padding: 10px 10px 20px 10px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 5px #aaaaaa;

    March 19, 2019 at 3:41 am #475235

    Alex Rollin
    Moderator
    Post count: 27815

    You probably want this one:

    

    
body ul.geodir-category-list-view>li

    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket