Forum Replies Created
- AuthorPosts
jrotellaParticipantHow much would the customization be to add that feature? We also need more team leaders, not just 4.
jrotellaParticipantHi,
I am having the same issue. The site title is cut off on the pages.
What was the solution?
Thanks!
Julia
jrotellaParticipantIt’s the CSS class for that particular menu item. I changed it by going to Appearance>Menus>Screen Options (Top right corner) >Checked “CSS Classes”
jrotellaParticipantI got it. Here is the successful code:
.test a{
background: #9d0520;
color: #ffffff;
}.test:hover a{
background:#444444!important;
color: #fff;
border:none!important;
}jrotellaParticipantWe were able to get three columns on the top and one at 100% width below. It’s not perfect, but it will suffice. Here is the code we used:
.ht-footer1{
width: 34%;
mobile-width: 100%;
}.ht-footer2{
width: 35%;
mobile-width: 100%;
}.ht-footer4{
width: 100%;
}jrotellaParticipantHi – I have a similar question.
If we want to have the four columns on the top and then text underneath at 100% width, how can we do that?
For example, we have a lot of disclaimer copy that is required in the footer but it doesn’t look good unless it’s at 100% width. BUT we want to be able to utilize the footer how it was initially intended by having four columns of widgets (social media, menus, etc.) above that disclaimer text.
Any help with the CSS would be greatly appreciated.
Thanks!
jrotellaParticipantIs there a way of doing this in the Additional CSS rather than modifying files?
jrotellaParticipantUPDATE: (Still need more help, read on)
I was able to figure out the CSS using other websites. Here is the CSS that worked. I made the Class name “test” just to make sure I got it to work.
.test a {
background-color: #9d0520;
color: #ffffff;
padding: 0px 5px;
border-radius: 3px;
border: 0px solid #ff0000;
font-size: 18px;
}HOWEVER, the hover is not working properly. Below is the CSS associated with the hover of the button. All I want is the color to change upon hover:
.test a:hover {
background-color: #444444;
}What am I doing wrong for the hover?
jrotellaParticipantOkay, so I figured out how to change the class name of the menu item. Now, I changed it to “ss-nav-button” so that it was consistent with this article:
I placed the EXACT CSS from the above article into the “Additional CSS” field of the theme.
Nothing happened. I’m sure there’s another step, but this is where I get stuck. Any help would be greatly appreciated.
Thanks.
jrotellaParticipantYes, I know it requires additional CSS. Since I have little CSS knowledge, I’m going to need a little additional help to find the CSS of the class name and how to incorporate that into the site.
Do I inspect the home page or the page of the menu item?
What is the CSS I should put into the “Additional CSS” field to make the menu item into a button? Basically all I want to do is keep the hover CSS for that one menu item 24/7, since the hover of this theme already makes it into a button.
- AuthorPosts
