Tab Color Issue

This topic contains 19 replies, has 3 voices, and was last updated by  Alex Rollin 6 years, 3 months ago.

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

Open Support Ticket
  • Author
    Posts
  • June 23, 2019 at 2:08 am #494303

    Dasia Sterling
    Free User
    Post count: 18

    Hello can you offer assistance on how I can either change the tab color from white to black. It is defaulted to white and my theme has no options to change this color, because it would affect the other color configurations on my site.

    The tab button is showing up as white, when I would prefer it to remain black when they switch from one tab to the next in.

    Thank you

    June 23, 2019 at 8:28 am #494308

    Kor
    Moderator
    Post count: 16516

    Hi Dasia Sterling,

    Thanks for your post. Could you share the Website URL of the page in question so that we could check on it?

    June 23, 2019 at 9:07 am #494313

    Dasia Sterling
    Free User
    Post count: 18

    I removed your plugin and the issue was fixed and my tabs reverted to the way they were. I am including a screenshot of how the page tabs look before I add your core plugin.

    This link takes to to how the tabs looks when I add your core plugin. I would like for the tabs to remain looking the way look before I add your plugin.

    Site: https://gothwiki.com/

    June 23, 2019 at 9:08 am #494315

    Dasia Sterling
    Free User
    Post count: 18

    I apologize the page is: https://gothwiki.com/marilyn-manson-band/

    Best Regards

    June 23, 2019 at 9:11 am #494316

    Dasia Sterling
    Free User
    Post count: 18

    So if you go to the page you see that now…the text background has been changed to white and the tabs are now white instead of black like they were before. The page background is supposed to be black like the screenshot I included. If I remove deactivate your plugin the page I linked you to will revert back to the screenshot I sent you above.

    June 23, 2019 at 9:36 am #494317

    Dasia Sterling
    Free User
    Post count: 18

    It’s also affecting this page, what appears to be happening. Is that your plugin is putting all page Tabs & Accordion Tabs into a box format. When putting them into the box format it’s changing the color scheme setup from the black page background. To a white background with Red showing up. I did not realize this when I had configured all the plugins plus the ones I purchased. I had even added about 6 listings. When I realized the issue…so I really want to put your directory on this site. But I need for my site to continue to look the way it did before I added your plugins.

    Link: https://gothwiki.com/skull-baby/

    Once again thanks!

    June 23, 2019 at 11:26 am #494326

    Dasia Sterling
    Free User
    Post count: 18

    I am sorry but I had to deactivate your plugin, I thought you would be able to look at the issue and get right back to me. I can’t leave my site looking the way it does when I activate the core plugin. I have included 2 screenshots with this update. You may have to log into my site to help me further and reactivate the plugin and few the issue. Because I simply cannot leave my site looking the way it does. My site is a News/Media Wiki site. So people are coming to it to read the content and every wiki post has tabs or accordions. So that means that all entries are looking like the images I am including when I activate your core plugin.

    June 23, 2019 at 5:09 pm #494342

    Kor
    Moderator
    Post count: 16516

    Hi Dasia Sterling,

    Thanks for your reply. Could you please share your Website WP admin access here in private reply so that I could check on it?

    Thanks!

    June 23, 2019 at 7:43 pm #494354

    Dasia Sterling
    Free User
    Post count: 18
    This reply has been marked as private.
    June 24, 2019 at 7:50 am #494425

    Kor
    Moderator
    Post count: 16516

    Hi Dasia Sterling,

    Thanks for your reply. I’ve applied the custom CSS code below to fix that. Could you check now?

    

    .ui-widget-content {
    border: inherit!important;
    background: inherit!important;
    color: inherit!important;
}
.ui-widget {
    font-family: inherit!important;
    font-size: inherit!important;
}

.ui-tabs {
    position: inherit!important;
    padding: inherit!important;
}

.ui-widget-header {
    border: inherit!important;
    background: inherit!important;
    color: inherit!important;
    font-weight: inherit!important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: inherit!important;
    background: inherit!important;
    font-weight:inherit!important;
    color: inherit!important;
}

.edgt-progress-bar .edgt-progress-number-wrapper.edgt-floating .edgt-down-arrow, .edgt-tabs.edgt-horizontal.edgt-light-skin .edgt-tab-container, .edgt-comparision-pricing-tables-holder .edgt-comparision-table-holder {

    border-top:1px solid #aa0016!important;
}
    

		
	
    


    

			
				

    

	
    

		June 24, 2019 at 8:14 am

		
		#494430

		
		
		
	
    


    


    

	
    

		
		
    Dasia Sterling
    Free User
    
		
		
     Post count: 18
    
	
    

	
    

		
		
    The Tabs look great! But there is one issue with the Accordion…the active tab (The tab that has the question on it). When you clicked it to view the information underneath…the tab turned red. So that the person knew which tab they were on. I know it may seem trivial but when someone is using my site especially on mobile. It helps them identify the correct question tab they were using.
    

    Here is the link to the page I am speaking about with the accordion. https://gothwiki.com/skull-baby/ 
    

		
	
    


    

			
				

    

	
    

		June 24, 2019 at 12:48 pm

		
		#494475

		
		
		
	
    


    


    

	
    

		
		
    Dasia Sterling
    Free User
    
		
		
     Post count: 18
    
	
    

	
    

		
		
    I also found one other issue…it has to do with how the tabs look on the actual Directory pages. I will include a link for you to view it. As you will see it’s putting that white box around the tab headings, since the text is white. You cannot read the tabs until you mouse over the tabs. Since my site turns all links and heading red when you hover over them. Users have to mouse over the white tab to read it. I would also like to make sure and request for this one as well that, the css code you create, still has the red highlight feature when you mouse over Active tabs or links. 
    

    Page: https://gothwiki.com/places/the-church-dallas/#post_content
    

    I do appreciate you for all your help and thank you very much. 
    

		
	
    


    

			
				

    

	
    

		June 24, 2019 at 1:36 pm

		
		#494480

		
		
		
	
    


    


    

	
    

		
		
    Dasia Sterling
    Free User
    
		
		
     Post count: 18
    
	
    

	
    

		
		
    Lord have mercy…I found another issue with the plugin. The Location page, which I call the Goth Directory page looks like this: https://gothwiki.com/goth-directory/
    

		
	
    


    

			
				

    

	
    

		June 25, 2019 at 6:39 am

		
		#494618

		
		
		
	
    


    


    

	
    

		
		
    Dasia Sterling
    Free User
    
		
		
     Post count: 18
    
	
    

	
    

		
		
    First let me apologize but I did not catch all of the issues from the site at the time I originally messaged you. So I have added more things as we went along and I keep having to comeback and add more to what I have typed before. I need to be able to show my site to some potential investors this week and the plugin is causing a few issues with my theme. So I am sending this message to try to list all the issues in a cohesive way. 
    

    1) You did add the css code but it needs to be tweaked a bit. The text that has have links attached to them are now showing up a light black color. They need to be the same white color the theme currently has them set to when your app is deactivated. I have included a screenshot to show you how it’s supposed to look. Please remember to make sure to have all links turn red when scrolled over per my theme setup. This issue is affecting all blog/wiki pages, here is a link to view on the site (note i have submitted a screenshot of how its supposed to look). https://gothwiki.com/marilyn-manson-band/
    

    2) The Instagram Wiki entries are using the accordion option instead of tabs like the Goth Wiki posts do. The css code you created did not take into effect the fact that the Active Accordion Header Tab Text is red. Then when you hover over the other Accordion Header Tab Texts…they also highlight red link the links do. This is vital because it get confusing to the reader what tab they are viewing. So I am asking if you can tweak the code you created for the accordion. I also have included an screenshot of what it looks like when I deactivate the gd plugin. https://gothwiki.com/skull-baby/
    

    3) I have an issue with the actual tabs section on the Directory (its the same white box around the tabs issues). You cannot read the text because my theme has a black background and therefore uses white text. So white your theme defaulting the tabs to white. It makes it where they cannot be read. So can you just remove the white shading tab and just have it be the same color as the black background color. Please remember again the way my website works on active tabs. It turns the active tab text red and if you scroll over the text boxes it will turn them red. Here is the link to view the issue: https://gothwiki.com/places/the-church-dallas/
    

    4) The final issue I have is regarding the Location page which I can Goth Directory. For whatever reason the notifications are not aligned with the rest of the content. It’s corrupted on the page. https://gothwiki.com/goth-directory/
    

    Thank you again for your help. I decided to resend this because I kept finding issues and I felt that it might be confusing. Plus I need to get this Goth Directory up and running for the investors! 🙂
    

		
	
    


    

			
				

    

	
    

		June 25, 2019 at 7:25 am

		
		#494624

		
		
		
	
    


    


    

	
    

		
		
    Dasia Sterling
    Free User
    
		
		
     Post count: 18
    
	
    

	
    

		
		
    Also I am going to have to disable the app and remove the CSS Code you created for me. Because I am adding some new interview wiki’s and they use the accordion themes. I need for it to look right when they look at their entry to verify if they want any changes. You have my login…so you can simply activate the plugin and do what you need to do. Once again thanks.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    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