Home › Forums › Pro Themes › Construction Base Pro › Change "link color" and it changes the entire background…
Tagged: customizing color options
- This topic has 13 replies, 2 voices, and was last updated 6 years, 10 months ago by wensolutions.
-
AuthorPosts
-
October 31, 2017 at 5:43 pm #57111Beck ForslandParticipant
I’m changing the link color in “Home Widget Color Options” and it changes not only the link color but the entire background (even though that has a separate color choice). Help!
November 1, 2017 at 12:14 am #57131wensolutionsKeymasterHello @cabriollc,
When we checked the link color option locally it only changes the link color as you can see in below screen shot :
https://image.prntscr.com/image/ZODrxBaGQ3WXPNw3wyNqjw.png
So please once again change the color and verify the issue . If you are still having the issue then we will help you through custom CSS.
Best Regards!!
November 1, 2017 at 12:03 pm #57176Beck ForslandParticipantI checked and verified that I am still having the same issue as I first wrote about.
https://drive.google.com/file/d/0B0qRTq1IaS7ycGMxcXlqTC1kU00/view?usp=sharing
November 1, 2017 at 12:39 pm #57180Beck ForslandParticipantIf I do a “link color” of #ffffff, this is what happens:
https://drive.google.com/file/d/0B0qRTq1IaS7yVXRlT1JweF9RWG8/view?usp=sharing
What I really need, the takeaway in all this and just the bare minimum so I can get our website back online, are 4 things:
1- white (#ffffff) background
2- orange (#f6903a) “fa- ” icons with a white (#ffffff) background
3- blue (#1b75bb) linked header text for each topic under “Our Clients”Lastly, under “Our Team”
4- blue (#1b75bb) social media icons with white (#ffffff) background
Those 4 color items are the only thing keeping our website from going live and I appreciate your support in helping me fix these.
Thanks!
November 2, 2017 at 12:23 am #57210wensolutionsKeymasterHello @cabriollc,
Your queries has been answered below in points :
Issue #1 1- white (#ffffff) background
Ans: To change the background color white go to Admin Panel > Appearance > Customize > Color options > Home Page widget Color Options > Widget Background Color and set the background color to white .
Issue #2 2- orange (#f6903a) “fa- ” icons with a white (#ffffff) background
Ans: By default the color of the icon is orange with white background so do not change the link color option of Home Widget Color option as it will change the color of Fa-icon as well .
Issue #3 3- blue (#1b75bb) linked header text for each topic under “Our Clients”
Ans: To change the title color use below given CSS .
.service-item-title .widget h4 a, .widget h3 a { color: #1b75bb; }
Issue #4 4- blue (#1b75bb) social media icons with white (#ffffff) background
Ans: To change the icon color to blue use below given CSS .
.team-member-social-links ul li a, .widget .team-member-social-links ul li a { color: #5724eb; }
Place all of this custom CSS in Additional CSS field .
Hope this helps .
Best Regards!!!
November 2, 2017 at 12:48 pm #57237Beck ForslandParticipantHello,
I feel as though you didn’t look at my supporting screenshot. If you had, you would have seen that your suggestion for issue #1 is already complete. (And yet the issue persists.)
And the CSS you’ve provided does not work either.
This is frustrating. I don’t feel that my issues are being truly heard and understood and the solutions aren’t working either. We shut down our website on Monday morning to do this “quick switch” and it’s been 4 days with slow, ineffective responses to our issues. I don’t suggest that some of my website issues could be user error, but so far everything you’ve suggested are either things I’ve already done or haven’t worked at all.
Could we schedule a 15-minute online chat or something to get communication faster? Otherwise, I may need to request my money back and try a different theme.
Please advise.
November 2, 2017 at 11:17 pm #57269wensolutionsKeymasterHello @cabriollc,
We would like to apologize for the inconveniences and all of the solutions were provided checking it locally .
As the solution is not working for you, please provide us your site URL so that we could inspect what exactly your issue is and help you further .
Also we are here to help you guys with your issues and we try our best to make you guys happy .
Hoping for the co-operations .
Best Regards!!
November 3, 2017 at 12:25 pm #57301Beck ForslandParticipantHi there,
I did something “drastic” yesterday and reset the colors and then started over. When you said that “by default” colors were a certain way… I realized the best thing probably was to start over. Which was good, it enabled me to get the site “good enough” to run live again.
One issue remains: in the footer, the icons are the default orange color which is not our brand’s orange. You can see the footer here: http://www.cabriostructures.com In these 2 places, I changed the default orange to our orange code:, yet the issue persists:
• Admin Panel > Appearance > Customize > Color options > Home Page widget Color Options > Footer Area Color Options
• Admin Panel > Appearance > Customize > Color options > Home Page widget Color Options > Footer Widgets Color OptionsThanks for your help!
November 5, 2017 at 12:21 am #57363wensolutionsKeymasterHello @cabriollc,
Nice to know that your have figured out the issue 🙂 .
To change the color of the icon to orange color in footer use below given CSS.
.construction_base_widget_quick_contact .contact-info-wrapper::before { background: #f6903a; }
The path you have mentioned to change the background color of the footer widget area and footer area actually is not correct .
To change the color of the footer widget go to Admin Panel > Appearance > Customize > Color options > Footer Widget Color Options . Here you find different option to change color of different parts .
Similarly to change the color of Footer area go to Admin Panel > Appearance > Customize > Color options > Footer Area Color Options . Here also you find different option to change color of different parts .
Hope this helps .
If this does not wok for you then kindly let us know about the parts that you change the color of and we will help you with some custom CSS.
Hope this helps .
Best Regards!!
Have a good day .
November 21, 2017 at 11:46 am #58857Beck ForslandParticipantThe paths I was referring to is the same one you posted, I made a mistake in writing down the path.
I added that CSS code to our site, and it worked for the icons. However, 3 separator lines are still the original orange instead of our orange. Could you share another CSS code for the separator lines? You can see them here: cabriostructures.com
Thanks!
November 21, 2017 at 11:32 pm #58888wensolutionsKeymasterHello @cabriollc,
The color option to change the color of the separator is also available in theme itself .
Go to Admin Panel > Appearance > Customize > Color Options > Home Widget Color Options > Separator Color and change the color to the color of your choice .
If this is not working for you then you can also add below given custom CSS for this.
#sidebar-front-page-widget-area .widget-title::after, #sidebar-front-page-widget-area .widget-title::before { background-color: #f6903a; }
Hope this helps .
Best Regards!!
November 22, 2017 at 1:02 pm #58937Beck ForslandParticipantThank you for the CSS code, unfortunately, that didn’t solve the problem that I am having on my website. I have 4 columns in the pre-footer area: about us section, a contact section, a video, and then a call to action. And it’s weird: only 1 section separator line has the old orange color and the other 3 sections are correct.
Would you have any other suggestions or tricks up your sleeve?
November 22, 2017 at 5:51 pm #58948Beck ForslandParticipantI looked at the website code today (in chrome, the inspect tool) and apparently, the color choices that I selected are not working in all areas. And what I mean by that is that even though every orange code in the Admin Panel > Appearance > Customize > Color Options is listed with the desired #F6903A code, it is still appearing online as the undesired #ffa60a.
I have a feeling you might respond back with a suggestion to make sure that the color code is correct by going to Admin Panel > Appearance > Customize > Color Options > _______ and so please believe me when I say that I already did. Our desired color shows up in each of these areas: Basic Color Options, Top Header Color Options, Header Color Options, Primary Menu Color Options, Page Header COlor Options, Breadcrumb Color Options, Slider Color Options, Home Widget Color Options, Content Color Options, Sidebar Color Options, Go To Top Color Options, Pagination Color Options, Footer Widgets Color Options and Footer Area Color Options.
And, if you check out our website cabriostructures.com, you’ll see that it’s sporadic – sometimes our desired color appears, sometimes the UNdesired color appears.
Do you have any idea why this is glitching?
November 22, 2017 at 11:13 pm #58954wensolutionsKeymasterHello @cabriollc,
When we checked your site URL we found that the the separator color is uniform throughout the site even in the Footer widget area . Separator line here we mean is the line that appear below the title of the widget .
In your footer section, default orange color is only in contact section and for your information it is not the separator line . The separator color will only work for the line below the widget title .
If you wish to change the color of the line below phone, email , address the use below given CSS .
.construction_base_widget_quick_contact strong.contact-type { border-bottom: 1px solid #f6903a; }
Also the CSS previously we have provided is working for other separator line as you can see in below screen shot .
https://image.prntscr.com/image/cCYj70LVSkOPUVYyNt70BA.pngAnd not to forget when we checked the theme locally every option is working fine .
If you have any confusion further please feel free to post .
Best Regards!!
Have a good day 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.