Footer, Fonts and Menu colour

Hi!

First of all: Thanks so much for your Theme and the awesome support in this forum. Scrolled through many pages and you always manage to have a nice answer - thanks!

I`ve solved many issues regarding my site (iamfasting.de), but cant find some:

  1. The Copyright in the Footer:
    I dont want to delete the Theme-text, but I want to create a few lines down there with your line being one of them. When I add a text right now it just adds up to one huge line. How can I create more lines of writing?

  2. Fonts of headers, family of fonts:
    I came across some compilations of fonts which should be used together, I want to use them. And I definitly want to change the italic style of the header. Any simple solution for using global fonts? Or should I change them/the italic header seperately?

  3. Colour of the Menu:
    I like the blue, but I want to change purple colour that shows on which Site you are into a different , light blue than the blue you get while hovering.

Your work is much appreciated and thanks in advance!
Sven

Hi Sven,

I hope you are well today and thank you for your questions.

1) The Copyright in the Footer: I dont want to delete the Theme-text, but I want to create a few lines down there with your line being one of them. When I add a text right now it just adds up to one huge line. How can I create more lines of writing?

You can achieve this by editing it in the child theme of Activello theme by using the solution shared in the following topic.

https://colorlibsupport.com/t/editing-footerheader/#post-55220

2) Fonts of headers, family of fonts: I came across some compilations of fonts which should be used together, I want to use them. And I definitly want to change the italic style of the header. Any simple solution for using global fonts? Or should I change them/the italic header seperately?

The similar questions is already answered in the following topic so please see it.

https://colorlibsupport.com/t/fonts-2/#post-55738

3) Colour of the Menu: I like the blue, but I want to change purple colour that shows on which Site you are into a different , light blue than the blue you get while hovering.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

body a:hover, body a:focus {
    color: #85B4DC;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Best Regards,
Movin

Thanks so much! Will look into all the issues over the weekend!

  1. got that, satisfied with it!

  2. thanks!

  3. does nothing for me unfortunately, tried changing the colour too… nothing.
    Any idea why?

iamfasting.de is the homepage

3) does nothing for me unfortunately, tried changing the colour too.. nothing. Any idea why?

I think i might not understood your question correctly so could you please describe it a bit more in detail along with some screenshots so that i can help you?

I´ll try my best:
Regarding the menu, if I hover over some topics in the menu it appears blue. When I click on a menu and when I get to the page, the menu where I am at appears violett.
I would like to change both colours, my logo is going to be orange.

The hover colour is blue at the moment.
The menu colour, which indicates on which site in the menu I am at is violett.

I would like to change both!

Attached a Screenshot as well, hope you can see it!
Thanks in advance!

The girl from above with http://www.thingsilearnedgrowingup.com/ has both in violett for exampe. :slight_smile:

I would like to change both colours, my logo is going to be orange.

You can try achieving this by using the below CSS code as described above.

#page .navbar-default .navbar-nav > .active > a, 
#page .navbar-default .navbar-nav > .active > a:hover, 
#page .navbar-default .navbar-nav > .active > a:focus, 
#page .navbar-default .navbar-nav > li > a:hover, 
#page .navbar-default .navbar-nav > li > a:focus, 
#page .navbar-default .navbar-nav > .open > a, 
#page .navbar-default .navbar-nav > .open > a:hover, 
#page .navbar-default .navbar-nav > .open > a:focus,
#page .navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle{
    color: 	#FF4500;
}

#page .dropdown-menu>.active>a, 
#page .dropdown-menu>.active>a:focus, 
#page .dropdown-menu>.active>a:hover,
#page .dropdown-menu > li > a:hover, 
#page .dropdown-menu > li > a:focus, 
#page .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
#page .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
    color: #fff;
    background-color: #FF4500;
}

worked like a charm, thank you!

You are most welcome here :slight_smile: