Home › Forums › Pro Themes › Elead Pro › Font color and style issues
- This topic has 7 replies, 3 voices, and was last updated 5 years, 9 months ago by wensolutions.
-
AuthorPosts
-
February 18, 2018 at 9:09 pm #66225Greg JonesParticipant
Hi,
Nice overall them however I have a few issues. Elead Pro doesn’t seem to come with any options to change font color or style.
1.How can I change the font to something other than the 5 provided?
2.How can I change the font color and header/footer colors?
3.The sub menu is a dark brown and connot be changed?Web address is: wrm.flywheelsites.com
Thank you in advance.
Kind regards,
Greg JonesFebruary 19, 2018 at 1:20 am #66244wensolutionsKeymasterHello @helpmysystems,
First of all thank you very much for appreciation and using the pro version.
The theme has only provided the 5 different font option to chose from. However, you can use other fonts as well through custom CSS.
For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given code:
body.body-font-3{ font-family: 'Oxygen', sans-serif; } .header-font-3 h3 { font-family: 'Oxygen', sans-serif; }
You can change the font as per your requirement.
As for the second query please mention the section that you want to change the font color for so that we can help you. Also, you can change the header color from the theme itself.
For this go to Admin panel > Appearance > Customize > Colors and change the color of header title. As for the footer please send us the screen shot marking the section that you want to change the color for so that we can help you.
Hope this helps.
Best Regards!!
Have a good day 🙂 .
February 21, 2018 at 5:56 pm #66459Greg JonesParticipantThank you for your help so far, I’ve made the changes using your instructions.
The footer section I want to change is the entire background because it’s currently a sort of brown/grey.
However I have a new issue, It is very difficult to use the sub menu. As I hover over the main menu item and then move the cursor down to the sub menu it disappears. I can only imagine that this is because there is a small gap between the main menu item and the start of the sub menu?
Please try for yourself here:
wrm.flywheelsites.comAlso, I am using a plugin called smart slider and have setup a main page slider but when using the sticky menu theme function is throws the slider off the page, so I have had to disable the sticky header. Any ideas what can be causing this?
Thank you in advance!
Kind regards,
Greg JonesFebruary 21, 2018 at 11:28 pm #66482wensolutionsKeymasterHello, @helpmysystems,
To change the background color of the footer section use below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS and paste below given CS.
.site-info { background-color: #25396d; }
Here change the color code as per your requirement.
Now to resolve the issue of submenu paste below given CSS.
.main-navigation ul ul { top: the 75%; }
In case of slider, you can use the default slider provided by the theme itself so that it wont have any sorts of problem.
Since you have set the slider using the thirdparty plugin, the issues might have arise due to incompatibility with the plugin as we have not done any sorts of testing with the plugin so there is nothing much we do about this.
Hope this helps.
If you have any issues further, please let us know.
Best Regards!!
Have a good day 🙂 .
February 22, 2018 at 6:32 pm #66556Greg JonesParticipantThank you once again for those code snippets, they have sorted most of my issues out. Also, I’ll try the default sliders.
The last question I have is that I need to change the color of the background behind the news slider at the top of the page but cannot work out how to. I have tried all css classes and elements that I could find in that section but couldn’t change the background from that grey/brown color.
Please find a screenshot here: http://wrm.flywheelsites.com/example-image-troubleshooting/
Thanks once again for the help.
Kind regards,
Greg JonesFebruary 23, 2018 at 2:09 am #66571wensolutionsKeymasterHello,
You can change the color of the news ticker by adding the following custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS :
h2.news-ticker-label:after { border-right: 35px solid #191d3d; } #topbar-widget-wrapper .wrapper, #topbar-widget-wrapper { background-color: #191d3d; }
You can replace the color with the color-hex code for your desired color.
Hope this Helps,
Best Regards !!
January 15, 2019 at 6:42 am #89046Patricio PeredoParticipantcambiar color a menu y submenu css
January 15, 2019 at 10:24 pm #89082wensolutionsKeymasterHello @profeneredo,
Can you please post the query in the English language so that we can understand your query and help you further?
Thank you.
Regards!!
-
AuthorPosts
- You must be logged in to reply to this topic.