OK! Thanks Wes!
Or, how could I change the background colour for just the welcome-wide section, and not the whole welcome section? That would fix the same issue as above.
Sorry, forgot to post the link to the staging site as well: http://innetworknet.staging.wpengine.com
Problem solved! Thanks for all the help Wes 馃檪
Fixed it! I switched the position:static to this:
.genesis-nav-menu .menu-item:hover {
position: relative;
}
And got rid of the position:relative in the menuorange:hover class. 馃檪
Thanks Wes!
That worked for getting rid of the bullet, but the alignment of the text is off a bit. How do I fix this?
Thanks,
I tried that, but it didn’t work. I found out how to position/ align the buttons with the rest of the nav bar:
I added this to .menugreen:
position: relative;
left: -5px;
top: -3px;
And this to .menuorange:
position: relative;
top: -3px;
The only thing now is that it does a funky motion when I hover over it. I tried adding the same codes to menugreen:hover, but didn’t work.
Getting there! 馃檪
I tried and it didn’t work – but it’s a different issue. I’ll start a new topic so others can follow as well 馃檪
Thanks,
Thanks! That worked perfect! 馃檪
Would this code also work for the pricing tables?
Thanks,
Not sure where to grab the code or update the code within WP. I’m starting to feel more comfortable with CSS, but still very new to both CSS and PHP 馃檪
If you can point me to the right direction, I can figure it out! Thanks!
I think this is officially beyond my abilities :P. I’ll have to ask a designer/developer to help out I think.
Thanks for your help! 馃檪
Not sure I understand how to do this – this is on the Features page, full width, which doesn’t have widgets (I think?).
I tried adding text arbitrary text widgets to grab the short-code, and insert that into the page, but it didn’t seem to work.
Thanks,
I actually found out how to add buttons. Created a custom class for buttons, and added the class to the custom menu. However, the buttons don’t align properly with the rest of the menu. Do you know what I need to add in the CSS to make the text align?
Here’s the code I used for the custom button class:
.menuorange {
background-color: #ff8000;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
border: 1px solid #d16704;
display: inline-block;
color: #ffffff;
font-size: 13px;
height: 30px;
line-height: 30px;
width: 58px;
text-align: center;
}
.menuorange:hover {
background-color: #fa902d;
}
.menuorange:active {
position: relative;
top: 1px;
}
http://innetworknet.staging.wpengine.com/
Thanks!
OK! That worked to align images on the right side, but the text is a bit off.
http://innetworknet.staging.wpengine.com/features/
Any suggestions?
Thanks!
This worked! 馃檪 Thanks!
OK Thanks! That worked perfect 馃檪
Oh sorry! This is the page I’m trying to use to replicate the home page design:
http://innetworknet.staging.wpengine.com/features/
I’m not very technical when it comes to coding/CSS stuff, but will give it my best shot if you can guide me 馃檪