Forum Replies Created
-
Posts
-
Greetings Andy,
One more question on this topic regarding the sub-menu.
Is there a way to make the sub-menu different from the main menu & header effects? Right now the header background is clear with white letters. When scrolling or when hovering over the header the background turns white and the letters turn black. The sub-menu responds in the same way. It is a white background with black letters.
So what I would like is for the sub-menu to be red (#710000) background with white letters and then when hovered over, I want the colors reversed, white background with red letters.
Is this possible?
Again, thank you.
Greetings Andy and thank you.
The first set of CSS worked in that the toggle is black when I scroll or hover.
However the last CSS does not make the navigation letters black when I scroll or hover. They stay white and therefore unseen.
Andy, thank you for your help. Here is the website so that you can better understand the following comments – agoodland.com, which is presently employing the “bundle” CSS that you gave me.
First, I should have explained that I want the sticky header, when unscrolled and without hover, to display a clear background with white letters. Then when scrolled or upon hover, I want the sticky header to display a white background with black letters.
Second, I did not explain myself properly with regard to the “hover” portion. I found that when the sticky header is unscrolled and when you hover over the header it displays the white background. This is fine. However it is at this point that I need the letters to become black.
When I use these CSS –
#masthead.scrolled .site-description {
color: #000000;
}and
#masthead.scrolled .site-title a {
color: #000000;
}or
#masthead.scrolled .site-title a,
#masthead.scrolled .site-description {
color: #000000;
}The letters do go from white to black when scrolled. However when unscrolled and I hover over the header, the letters stay white and are therefore unseen because of the white background that comes up upon hover.
When I use these CSS –
#masthead.scrolled .site-description:hover {
color: #000000;
}and
#masthead.scrolled .site-title a:hover {
color: #000000;
}The letters become black only when I hover over the title or the description. Rather than that they should be black without hovering over them.
Third, with regard to the main menu, I want the letters to be white when the background is clear (unscrolled and without hover) and I want them to turn black when the sticky header is either scrolled or hovered upon. When I change the Appearance > Customize > Header and Menu Styling > Menu Item (Hover) Color, the goal I just described is not reached.
Again, thank you.
Andy, I tried using the same code to change the font and text size of the slider section on a particular page by inserting it into the Custom CSS section. But, it does not work. Is there a different code that I would need to use?
Thank you.
Ivette
Imperfect perfection, I call it, when we do our best and aspire toward it. You are appreciated.
Thank you for the CSS, Andy. It worked.
Happy holidays!
Thank you Andy.
I have another question: is there a way to remove the automatic italics from the tag line?
Greetings Andy,
I disabled all the plugins except woocommerce. The discussion option appeared and its appearance is linked to the Disable Comments function as you thought, but the sidebar layout option never appeared. I copied them below and bolded the ones that are checked.
Page Attributes
Featured Image
Header
Client Logos Section
Title or Full Screen Slider/Hero
Slider/Hero Section
Excerpt
Custom Fields
Discussion
Slug
Author
Custom CSS
Layout 2 columns
Enable full-height editor and distraction-free functionality.
Ivette
