Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 24, 2016 at 11:01 am #728112
    isasmar

    Good morning,

    I want to make you a question, hope you can help soon, i have a client who asked me thge following:

    she wants 3 things:

    1- she wants several pages, each of the pages she wants to be in different colours, i mean one page in blue, other in orange, red, etc.. I was wondering if i can change the colour of the font for each page, because she wnats to highlight ramdom words for ecah page in the correspondant colour. (you know whay i mean?)

    2- in the menu, i would like to hoover and maintain the colour corresponding for the page. I mean, if that page is in red, i’d like to have the link menu in red, that supposed to be different colours for each link.

    3- she wants to put diagrams in the pages. For example, a big circle (In blue colour) in the middle of one page and over that circle, put some text.

    Hope this will have solution, really appreciate your support.

    regards and Merry Xmas!!!

    December 25, 2016 at 8:37 am #728197
    Vinay

    Hey isasmar,

    1. If you like to set the page background color please use the color section and put all your content inside it. To highlight random words it will take a lot of customisation and time hence it is out of our support scope please hire a freelancer to do this job.

    2. To highlight different menu items in different color please use the below code in Quick CSS section.

    Note: nth-child(X) in the below code is for the first menu please duplicate the below code and change the value of color and nth-child(X) to nth-child(2) for seconf menu item, nth-child(3) for 3rd menu item and so on.

    

.avia-menu .menu-item:nth-child(1) > a{
	color:#FFF!important;
	background: red!important;
}
.avia-menu .menu-item:nth-child(1) > a:hover {
	color:#000!important;
	background: gold!important;
}

#mobile-advanced li:nth-child(1) > a {
	color:#FFF!important;
	background: red!important;
}
#mobile-advanced li:nth-child(1) > a:hover {
	color:#000!important;
	background: gold!important;
}

    3. To add text over a diagram please use the colorsection with the round background image and add your text inside it :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.