I don’t know if I’m using the right terminology, but below, you can see the HTML used to write a sublist inside of the main list.
<ul> <li>Do you have a website already and you are just wanting a rebuild, or is this a build from the ground up?</li> <li>If you already have a website: <ul> <li>What went wrong with it - why are you looking to rebuild?</li> <li>What are three things you dislike about your current website?</li> <li>What is one thing you like about your current website?</li> <li>Is it giving you the results that you want? If not, why not?</li> </ul> </li> </ul>
This produces a small square bullet point next to each item in the list, whether in the main list or one of the sublists.
I know the CSS coding for this is
entry-content ul {
list-style-type: square;
}but what I can’t figure out is how to make the sublist have a different bullet point than the main list.
I hope that makes sense. I’d like the sublists to be an open circle but I can make that change if you just help me figure out what CSS to use to make the sublist have a different icon than the main one.
Thanks!!!!
Havilah
PS I’m trying to figure something out. When you go to http://havawebsites.com/2014/12/quick-lesson-on-seo/, there’s a widget on the right-hand side. When you hover over HavaWebsites.com to the right of my picture, it changes from blue to orange. When you hover over HavaWebsites.com directly underneath my picture, it changes from blue to green. And if you hover over “View on Facebook,” it changes from blue to orange.
When I set the styling in Appearance, I said to make the hover color green. Why did that only “take” with part of the links on my site?
Thanks!
Havilah
After further modifications and messing around with the theme, I think the styling I put in where the link should be blue and the hover color should be green only applies to actual paragraphs.
Whenever the link is either in a bulleted list (http://havawebsites.com/website-development-checklist/) or in the sidebar (same page), then the link is a brighter blue and the hover is orange. In an actual paragraph (http://havawebsites.com/about-me/) the colors work fine.
Do I need to do custom CSS to change the colors in a list or sidebar? Or is there some option in Appearance that I’ve somehow missed?
Havilah
Hi Havilah
The list within a list would just be:
.entry-content ul ul { list-style-type: circle; }The link setting we have in the Customizer only applies to content. To set an overall link color please use:
/* Links */ #main a { color: #dd3333; } #main a:hover { color: #2b1100; }Oh duh!! The list within a list coding was a little too obvious, lol. Thanks for the help.
And thanks for the help with the links coding too. I should have guessed that one also.
I imagine that this will be fixed in the upcoming changes SiteOrigin is making to Vantage but just in case, I’d like to suggest that either you guys make it an option to change links in the main body and a second option to change links everywhere else, or simply make the option in the Appearance section apply to all links. I’m sure it was a coding oversight (which is certainly easy enough to do) to have the Appearance option only apply to some of the links.
Thanks again for all of your help,
Havilah
Glad that helped.
For sure, the current link color option is too limited in scope. It’s on the list to be expanded.
Thanks for your feedback.