Icon Box

bradswn · April 2019

Hi,

I have two questions:

1) How do I change the color of individual icon boxes? It currently only takes the color of your theme. Is there a way/custom code to change the color of per icon box?

2) Is this theme capable of creating a dropdown menu in the header like below? If so what are the steps?

Bryan · April 2019

Hey,

the background color of the icons boxes is indeed taken from the themecolor and it is only customizable by CSS. We can help you but you need to send us a link to this page.

Sorry but this menu cannot be made with our theme, we do have megamenu options avalable but not with those kinds of layouts or images in them menu.

thanks

bradswn · April 2019

Here is the link to the page:
https://nuvi2.wpengine.com/

bradswn · April 2019

Also, is there a way to make the corners more rounded on the buttons. It only gives 3 options.

Bryan · April 2019

Hey,

this is the css for the icon boxes

.icon_box .icon_wrapper, .icon_box a .icon_wrapper, .style-simple .icon_box:hover .icon_wrapper {
	color: red !important;
}

.icon_box:hover .icon_wrapper::before, .icon_box a:hover .icon_wrapper::before {
	background-color: red !important;
}

If you want the border more rounded, use this css

a.action_button {
	border-radius: 10px !important;
}

bradswn · April 2019

What is the CSS for changing the hover color of just the icon?

Trying to get the icons to turn white when you hover over them.

https://nuvi2.wpengine.com/

Pablo · April 2019

Hi,

Please use this CSS:

.icon_box .icon_wrapper:hover i{
	color: white !important;
}

Thanks

bradswn · April 2019

Perfect!

Back to the rounded button corner question.

This code works if I use individual items:

a.action_button {

border-radius: 30px !important;

}

What if I'm using codes in this format?

[button title="See all features" link="http://nuvi2.wpengine.com/how-it-works/" color="#ed007b" font_color="#ffffff" large="1"]

bradswn · April 2019

Also my dropdown menus text is way bigger than the navigation menu.

http://nuvi2.wpengine.com/

How can I change this. I cant seem to find it in the options.

bradswn · April 2019

Sorry for all these questions. Just can't find them in the forum and figure its easier sending them all in one thread.

Heres one more I came across, along with the questions above.

I am working on my blog section. Is there a way to add a transparent black bar across the header image like below:

Here is the blog post i'm working with: http://nuvi2.wpengine.com/four-ways-to-score-big-with-sports-sponsorships/

I'm trying to get the text visable above the image

Bryan · May 2019

If you want to use it on all of the button in your website, use this code. Very simmilar to the action button one.

a.button {
	border-radius: 10px !important;
}

again, you would have to use this css to change the submenu fontsize

#Top_bar .menu li ul li a {
	font-size:15px !important;
}

For the images you would have to add the black cover in some software like photoshop or gimp. We do not have an option for this and neither css will help.

thanks

bradswn · May 2019

For the header. Its there a code I can put to hide the banner text?

https://nuvi2.wpengine.com/create-a-raving-audience-lessons-from-coachella/

bradswn · May 2019

And how do I disable the hover effect for the clients short code:

https://nuvi2.wpengine.com

Can see if you scroll to the bottom.

Pablo · May 2019

Hi,

It's the subheader title.

To hide it, please go to the Theme Options > Header & Subheader > Subheader and tick on the 'Hide' option for "Page Title"

http://prntscr.com/nlf8v8

Thanks

bradswn · May 2019

I'm working on a blog and am using a slider revolution template supplied. I can't seem to change the default copy in white. (the copy in the navigation that links you to the blog)

THE INFLUENCE OF EVENT MARKETING.

Science says that Women are generally happier

(Have no clue where to edit the science says that... part

http://nuvi2.wpengine.com/news/

bradswn · May 2019

Also how can I make the main dropdown menu items unclickable?

ex)

http://nuvi2.wpengine.com

SOLUTIONS, RESOURCES AND ABOUT should not be clickable. The secondary dropdown pages below should only be.

Icon Box

Comments