Category menu links in sidebar

I just discovered that the h2 blog post titles are also not responding to what I am doing. I am using .h2 .entry-title
What next?

Thank you!

as well as the spacing between paragraphs…
.entry-content p isn’t getting me there!

A few things to note here…I’m not sure why you made a menu for categories, but are you aware there is a “categories” widget in WordPress you can use instead? If you use that one, you can change the link colour like this:

#right-sidebar .widget_categories a {
color: #69ad8b;
}

However, to change what you have already, you need to add the column ID for this one. So for yours:

#right-sidebar .menu-item-categories a {
color: #69ad8b;
}

If this was on the left column, then your ID would be: #left-sidebar

Blog Post Titles

What was it you were wanting to do for these?

Paragraph Tag

The theme’s default margin (spacing) is:

p {
    margin: 1.25rem 0;
}

That gives a 1.25rem margin on the top and bottom while the 0 gives a zero margin on the left and right. You can customize your margins how you want them, for example:

p {
    margin: 0 0 2rem 0;
}

That does a 0 on the top, right, 2rem on the bottom, and 0 on the left (in that order clockwise: top, right, bottom, left.

Hi,

For some reason things just aren’t working for these styles.

I am using a menu instead of the categories widget because only certain categories are desired here. With the widget it is not possible to be selective. I tried the first style and it didn’t make any difference. I tried expanding it to this and it doesn’t work either
#right-sidebar#menu-sidebar-categories .menu-item-object-categories a

On the main blog page with the excerpts the blog post titles are showing up very small, not really looking like headings at all. I want to make them larger and change the color to match their counterparts. I have tried both custom CSS and CSS within the Easy Google Fonts plugin and haven’t been successful. The rest of the headings in the theme are fine, as are the headings on the individual blog posts.

I had to shrink down the page on my screen to capture this much, but this shows the small blog title and the small grey category menu at the top of the sidebar.

Unfortunately the code for the <p> tag isn’t having any effect either. I am trying it on more than one computer and browser so this shouldn’t be a cache issue.

This screenshot shows what the blog title looks like on the post page itself, as well as the paragraphs still sticking together.

Fyi, the site is hosted with Bluehost.
Thank you

Don’t do this:

#right-sidebar#menu-sidebar-categories .menu-item-object-categories a

Try this:

#right-sidebar #menu-sidebar-categories a

By the way, in your customizer, if you want your own custom colours, do you have the “Load Custom Colour Styles” setting checked in the “Colours” tab? IF not, this is probably what is preventing colours from changing. I was curious because you mentioned about your entry-title heading and colour not changing; there is a setting for that in the Colours tab for “Post Entry Title Colour”.

Thanks for the screenshots too because now I know something elsewhere is causing the problems of size and margin spacing.

Regarding your entry title size, that is definitely really really small. So something else is conflicting with that. Did you make any custom size changes to h2 or the entry-title? This must also be related to your paragraph spacing as well because by default, that should not be doing that….as I am sure if you have used this theme before, plus the live demo. So something is conflicting with your entry title size and cancelling out your paragraph margins.

…very hard to tell unless I had access to the site live, then I can troubleshoot the code using my browser webmaster tools in Chrome.

If we decide to launch while some of these problems persist I will be able to share the url. Otherwise, without a way to share the login, the best I can do is screenshots. I haven’t had to check on plugin conflicts yet, although they are all ones I have used successfully with this theme before.

The settings are correct in the Customizer, but this now reminds me of why I am trying to take care of the menu links with CSS. In the list for color controls the one for the sidebar links is missing. The sidebar link hover is there, but not the links themselves. Perhaps you could add this to the theme? That would help with the color but still leave the size issue. I am beginning to think I should create some buttons to work around it.

Regarding the h2, the only customizing I have done is the font change and size which is reflected in the title on the page with the full post. I’ve never seen the two pages be different before.

I will get back to working on this in the next few days… (& there is a new issue for another post ??

For the colour link on the category list, this should be an easy find and solve once I see it live.

As for plugin conflicts, I doubt this will be an issue, especially if you used the same ones as before.

The sidebar link setting “Left & Right Sidebar Link Hover Colour” is found in the colour tab of the customizer, about halfway down.

What browser are you using?
I also want to make sure you are using the latest version of Longevity as well…what version do you have?

Hi,
The site went public ahead of schedule so I can give you the site url now. It is here.

I experimented with buttons but would prefer to stick with text links if they can be styled. At the top of the right sidebar are the two links we are starting with. They are not part of a custom menu, but are instead in a text widget. Either would work…

Other than the buttons most of what I have tried is documented in this thread. There were probably a few other styles, but clearly nothing successful!
I am looking forward to your suggestions. Thank you

Thanks for the link….so, let’s start from the beginning here. You are wanting to change the link colour (style) of the category menu you created that is located at the top of the right sidebar column? To what colour and styling were you wanting to do?

The size is the biggest problem, and possibly the font. I want to make these stand out and have been unable to do anything except change the color. It’s so odd when you can make one change you expect to be able to make the others!

Thank you!

Because you are using a text widget, your text links need to have CSS applied to them. You can do this by finding the widget ID, in your case, the widget has an ID of #text-8.

Example:

#text-8 a {
    color: #69ad8b;
}

Then if you wanted a hover effect such as a different colour:

#text-8 a:hover {
    color: #000000;
}

The rest of the styling is up to you, such as font, font size, etc. If you are not familiar with adding font styling, use this site as a reference:

W3Schools Fonts

As a side note, changing styles, such as colours is dependent on how the theme was made. In this case, most elements in this theme can have their colours changed from the customizer, which embeds colours in the <head> section of a web page. These will override the theme’s own style.css file. Then we also get into scenarios of what and how “cascading styles” work with CSS….but that is a whole different and BIG topic ??

This time they responded and now the links are comfortably large. On to the next issue!

Thank you