[Tanya Howie]

I’m obviously struggling this am…here is a link to drop-box code. Within the text file is code that is working and code that is NOT working. The only defining difference is the list-style-type none

https://www.dropbox.com/s/50he9vxsbi4bfws/list%20styles.txt?dl=0

Thank you for your patience with me having technical issues. I tried to delete the messages that weren’t appearing correct but I couldn’t delete them.

[Tanya Howie]

I was wrong the code you suggested above worked on a few areas on the site. What I’m noticing is in the code that when I have List-style-type: none at the beginning, then your suggestion works:

This doesn’t work:
`

• fdsfdsfd
• hszghfgh
  • hkfhsffaf
• Addjfkajdkfjkd
• fdasgagfgwefgd
• gadfdfdFdnhathazh

[Tanya Howie]

Ignore that post above me putting the code in is not working….going to submit again

[Tanya Howie]

I was wrong the code you suggested above worked on a few areas on the site. What I’m noticing is in the code that when I have List-style-type: none at the beginning, then your suggestion works:

This doesn’t work:
`

• fdsfdsfd
• hszghfgh
  • hkfhsffaf
• Addjfkajdkfjkd
• fdasgagfgwefgd
• gadfdfdFdnhathazh

[Tanya Howie]

That works, thanks. To continue on with this, a couple more things:

For the unordered list you how do I add more; another level after square? Example lower-roman type.

Then how do I do the “ordered” number list like in my example above? First would be Numerical (1,2,3), the second lever would be lower-alpha, then third level lower-roman numerals.

For the ordered list, I’m not understanding the CSS on how WordPress will differentiate between an ordered list and a non-ordered list. In WordPress when I click the Ordered button I want it to take on the CSS list-style I create for numbers and then when I click the bulleted button in WordPress to take on the list style of the unordered list like the example you provided above.

Hopefully, this makes sense 🙂

[Tanya Howie]

Help?

[Tanya Howie]

This is an internal intranet site with no access from the outside. Here is a link to a screenshot.
https://www.dropbox.com/s/tq4msx2e2azvrj5/Screen%20Shot%202020-04-14%20at%206.24.38%20AM.png?dl=0

I also uploaded a txt file of the code here: https://www.dropbox.com/s/xyfqecbpa7nnpp3/li%20file.txt?dl=0

I tried changing in the page: <li style=”list-style-type: none;”> to <li style=”list-style-type: square;”>, but it only changed the first bulleted item

[Tanya Howie]

As you can see above, I did deactivate all the plugins and it didn’t work. If I reinstall the theme will it override my entire site? Would it help to send you any particular code? I need to get this site live ASAP. Thanks

[Tanya Howie]

I tested the demo and it worked fine. After that, I deactivated one plugin at a time to see if there were compatibility issues with a plugin and that didn’t rectify anything. Then I thought possibly it was some custom CSS you help me with previously, so I removed it and that didn’t help. Below is the custom CSS I’m using for the Theme. I’m at a loss where to go from here.

Thanks

.custom-header .custom-header-content {
padding-bottom: 20px;
padding-top: 40px;
}
/* To change font size of Site Title */
.site-title {
font-size:45px !important;
}
/* To change font size of page title */
#page .custom-header-content .entry-title {
font-size:30px;
}
/* To change menu hover to the right */

@media screen and (min-width: 64em) {
.navigation-classic .main-navigation #primary-menu ul li:hover > ul {
left: 100% !important;
right: auto !important;
}
.navigation-classic .main-navigation ul ul {
width: 300px;
}
.navigation-classic .main-navigation #primary-menu .menu-item-has-children .sub-menu li > a::after {
transform: rotate(-90deg) !important;
}
}

[Tanya Howie]

Ok will do in am when I get to work and on computer that has ie 11

[Tanya Howie]

It’s an internal site so unable to post URL

[Tanya Howie]

PERFECT! Thank you. Is there a guide or overview to help with customizing the CSS for the site?

[Tanya Howie]

EXACTLY! Lesson learned.

[Tanya Howie]

Good morning Skandha!

Here is a link to the screenshot. I’m wanting to have the Customer Service and other menu items that have items under them to pop over to the right, not the left when hovered over.

Hover Screenshot

Thanks

[Tanya Howie]

I should preface that first hover is perfect, it’s when one of the items on the first hover has additional menu items. Sorry, I don’t know the correct terminology to use to describe it. LOL

[Tanya Howie]

That didn’t work 🙁 . It made it drop straight down rather than to the right.

[Tanya Howie]

This is an internal site so I don’t have URL to share

[Author]

Posts