[Glen Pavelich]

Yes, it’s there now. Thanks.
But the css class isn’t being applied.
I have called it
menu-accent
and in the additional css I have
.menu-accent
{ background-color: #879845 !important;
}
With ‘inspect element’ I can see it applied both in the markup and in the css. But no matter what properties I apply to the css nothing changes.
(The menu item in question is the FAQ tab on the primary menu bar. We want this with a background color.

See backyardpollinator.ca

[Glen Pavelich]

Just got around to trying this. Sorry.
This code didn’t make any difference. It is applied to the tangledgarden.ca site and there is still a pointer on the top level menu items with children.

[Glen Pavelich]

Yes, that is what I wanted but the code does not do it. The pointer still appears. There is no hand, but there is still the pointer.

My apologies on the other issue about the child-menu-items having crossed out circles over them when this code was applied…. This

does

happen, but ONLY when I am in the Customization / Additional CSS view….so I didn’t publish it before thinking it was going to create a problem. However,
I see that this does not happen when actually published and viewed live on the browser.

So…I have published the code provided in ‘additional CSS’ BUT you can see that it is not having any effect.

[Glen Pavelich]

No the crossed out circles don’t appear because I couldn’t leave it that way. This is a live site.
I didn’t leave the code you gave me applied after my test revealed that it caused the children to be unclickable, and with crossed out symbols over them.

I see I made a major error in my last messages. Correct here:

“I want the children to work, and have pointers, but not the top item for those that DO have children.
Is this possible?”

The ‘shop tab’ and ‘tea room tab’ don’t have children, so as top level, they should work as normal.

But all the others have children and so I don’t want the top level item of those ones to have a pointer.

tangledgardenherbs.com

Thanks. I have seen this on other sites. For instance on this one. http://masteringalchemy.com/

[Glen Pavelich]

No, just the opposite. I want the children to work but not the top item for those that DON’T have children.
Is this possible.
When I applied that code the children had a crossed out circle over them.

[Glen Pavelich]

That didn’t do the trick. I would like the top level items, which have a drop down menu, to not have the pointer. Is this possible?

See

https://tangledgardenherbs.com/shop/

I have this code in place at the moment

.unclickable > a:hover {
cursor: default;
pointer-events: none;
}
#menu-primary .unclickable > a {
pointer-events:none;
}

[Glen Pavelich]

Thank you. A couple of typos in the code, but when corrected it works. Thanks.
🙂

[Glen Pavelich]

OK – Thanks

[Glen Pavelich]

It did work actually….there was just a time delay. So all I need now is the CSS id or class for that same feature so I can change the font size, and perhaps color.

[Glen Pavelich]

Hmmmm. Added the code in the functions file at the end…. before the final ?>
but it’s not changing the roll over. It still says ‘permalink to. I have copied and pasted directly from your code above including the closing tag.

I have no other code in the functions file except for what is required for the standard child theme.

The site is https://tangledgarden.ca
The feature content is just below the main nav.

Thanks

[Glen Pavelich]

Tried the #featured-post- to change the font styling and also #featured-post
but neither works. So can you give me that too. Thanks.

G

[Glen Pavelich]

Thank you.
Is the id this
#featured-post-
with the dash at the end?
So I can change the font style as well.

Regards.

[Glen Pavelich]

Yes, as I stated I know that site identity handles this, but I would like a different site icon than I am using for the flavicon. Can you tell me where I would put the code (examples above) the generator is telling me to “paste them into the head of the html document”. And also where would I upload the images…I believe they are to go in the root folder.

Thanks

[Glen Pavelich]

Got this one figures out. I didn’t have the social icons activated in the Catch Web Tools. Not sure what CT social is as a widget but see now I need to grab CWT social. But the colors are not working. I have chosen a color and they are defaulting to something else.

[Glen Pavelich]

Yes I have a child theme and am familiar with CSS and edits. Thanks
Will gratefully accept the code.

Notices from this forum are not coming to my email. Is there some reason that might be happening?

[Glen Pavelich]

I think I fixed it with:
#feature-post-3 .post .hentry .post {
clear: none;
}

[Glen Pavelich]

I was able to get the iPad screen size 1024 to display properly using

#featured-content.layout-four .hentry:nth-child(2n+1), #featured-content.layout-three .hentry:nth-child(3n+1), #featured-content.layout-two .hentry:nth-child(2n+1), #supplementary.two .widget-area:nth-child(2n+1), #supplementary.four .widget-area:nth-child(2n+1) {
clear: none;
}

But this isn’t working for other sizes even with clear: none !important; although this change does do the trick when testing it via ‘inspect element’ wherever I find that code, for all sizes.

See the responsinator view
http://www.responsinator.com/?url=tangledgarden.ca

The feature content is wrapping to 2 rows in others.

[Glen Pavelich]

Responsinator shows the issue nicely as you scroll down to the 736 and 768.

http://www.responsinator.com/?url=tangledgarden.ca

[Glen Pavelich]

I did get the columns to be 5…. (see site now at http://www.tangledgarden.ca..
but can you assist with the responsive view for the media size 800 and 768. The columns break into 2 rows for some reason. You will see that at media size 900 they still work on one row, and at 601 they break into one column as they should. But is there a way for the 800 to 768 to maintain one row. I haven’t been able to find the css for this break.

Thanks

[Glen Pavelich]

Re: Is there a way to hide them from posts and pages, and have the images within the post content show up instead.
Can you elaborate what you mean by this?

Yes, I guess I was hoping that the (show full content-no feature image) would allow me to use the feature image option on the right panel, but that it wouldn’t show up on a post.

I do find the feature image quite limiting. It sits at the top of the page and has no text options or text wrapping. Therefore it really creates a problem with the desired page layout. It’s a nice feature for widgets, and if necessary for post loops to be called on to another page, but I really don’t want them on the posts.

On another site with featured images

not used

and turned off in the layout settings, I have used the

featured content module

on the home page and the first image on the page was imported instead (because there is no featured image). See: https://debden.ca/ It would be nice if featured images responded on the actual pages in like manner.

So I believe you are saying that if a featured image is inserted on the right panel of a post, then there’s no way to have it NOT show up on the post. What then is the purpose of (show full content-no feature image) if all you have to do is NOT insert them. [Sorry – feeling a little dense on this one.]

Thanks for the fix for the image sizes.

[Author]

Posts