Coleen

Thanks Romik ?? that worked perfectly for the Widget sidebar menu – THANK YOU! (I would have never thought it was under Widget copyright.) Now, however, I can’t figure out how to fix the footer font color on hover… Sigh. Your help is greatly appreciated.

Hi Romik, sorry to be a bother…

Now I’m having trouble with the font color (rollover) in my footer, and the font style and color in my side menu. See, I really don’t want to set the link/rollover color to ONE color throughout the entire website. I want it to be the same for the menus/links that appear where my background colors are blue (I want the initial color to be #ffffff and the rollover color to be #cc8699;) but I want the link color in my main page/post area to be #0200a1 and the hover color to be #2618ef. The only way I can see to do this so that they don’t ALL change is through the CSS. If there is another way to do what I want, can you please direct me? Thanks.

Thanks, however it doesn’t work, or – it doesn’t change the padding, so it might be the line-height I need to change. I’ll play with the CSS now that I know where to put the code. Thank you very much for your help.

Thank you, that’s what I needed – the proper Class names for the nav bar so I can change the font family. I also need to change the padding between the links, is there a place in the styling to do that, rather than changing it in te CSS? Thanks again for your help. ??

font-family: Segoe Script, Lucida handwriting, brush script mt, Script MT Bold,
monotype cosira, Apple Chancery, comic Sans MS Italic;

The typography does not offer the font family I want to use, otherwise it seems to work, thank you.

Actually, I didn’t set ANY color in this theme, I changed ALL the background colors using CSS. So when I remmed out the CSS for the background color in the .header-pattern, it removed the background colors that I set. I’ve already changed th background color of the header back to what I want – thanks! ??

As far as getting everything to align center and putting the menu at the bottom, that worked, thank you. Now I just need to fix the background color of the menu and change the roll-over font colors of the menu. How/where can I do that, or do I need to also change all of that using CSS?

Honestly, if I can find WHERE (which ID or Class tag) to change it, I find it much easier (and effective) to simply write the CSS to do so. The problem I’m having is finding the CORRECT ID or Class tag when I run “Inspect” – there are so many Div tags, that I’m finding it difficult to pin down exactly where to put the custom CSS.

Thanks again VERY much for your help in getting the header and menus set up like I want, I truly appreciate it.

okay, in the CUSTOMIZING ? HEADER, HEADER: I have the Header padding at 5px for the top, right, left and bottom. I have the Enable Search box disabled (I do not want a search box in the header, I will put it in a widget on the left sidebar) and I have the General Slider Position Above the header (I honestly don’t want a slider, but didn’t see a place to disable this.) That’s all that is in the Customizing Header section.

In the CUSTOMIZING ? HEADER, STICKY HEADER: I have Enable Sticky Header = Enabled (I do want the header to be ‘sticky’) and I have again disabled the search box.

In the CUSTOMIZING ? HEADER, LOGO the Custom Logo – I have re-uploaded the Logo and the Logo Position: Choose the position of your Custom Logo for Header #1 = Center.

In the CUSTOMIZING ? HEADER, WEBSITE TITLE & TAGLINE: the Disable Website Title s NOT checked, and the Website Tagline Position is under the website title.

In the CUSTOMIZING ? HEADER, MENU the Disable Main Menu box is NOT checked (I changed that this morning per your advice) and the Menu Item Hover Effect is Rollover. The Padding Between Menu Items is 0px, the Main Menu Height is 0 (as mentioned previously) and the Responsive Menu Layout is Open Submenu Items.

In the CUSTOMIZING ? HEADER, HEADER WIDGETS, none are enabled.

I believe that’s all of the options for Customizing the Header.

Since I commented out the CSS code under .header-pattern, as you can see now it has changed my background color and font family – and the Logo, title and tagline are now on the left-hand side, the menu is to the right of that and NONE of it is like I want it to be: Centered with the menu UNDERNEATH the logo, title and tagline. PLEASE help! This is SO frustrating! Like I said, I can do all of this easily in CSS, if I know WHERE to put the CSS!

That is why I put the “logo” image in the CSS, it is NOT impossible to achieve this effect, please see the header section in my current website: https://www.aheartbreakingchoice.com/ –> that is ALL achieved using HTML and CSS. I tried uploading the “logo” and it DOES NOT work correctly to overlay the title over the top of it, nor will it align center under the Title, unless I put it in the CSS. I can deal with the heart being just above the Title and Tagline, but they ALL must be centered, and the menu HAS to be BELOW all of it, as shown in my original website. I KNOW there is a way to do all of that using simple HTML and CSS, because I obviously did it before on that website. If I knew what class to put the CSS in, I could do that in this WordPress Theme. My biggest issue is finding WHERE in the theme (what ID or Class) to put the CSS. Can you please help me with locating the correct ID or Class to put the custom CSS in? Thanks very much. ??

• This reply was modified 6 years, 1 month ago by Coleen. Reason: Typo

I have it set up as:
CUSTOMIZING ? HEADER LOGO (no logo uploaded), it is in the CSS under
.header-pattern and the CSS is:
color: #0200a1;
background-image: url(‘https://coleenholley.com/wpcontent
/uploads/2018/09/BrokenHeart3.png’);
background-position: center top;
background-repeat: no-repeat;
text-decoration: none;
In the Customize section the Logo Position is as follows:
Position of your Custom Logo for Header #1 = Center
and in the CUSTOMIZING ? HEADER MENU,
The disable Main Menu box is no longer checked, and the Menu Item Hover Effect = Rollover, Padding Between Menu Items=0, Main Menu Height=0 (I tried setting this to 0,1,2, and it causes too much space between items at more than 0px), the Responsive Menu Layout is set to Open Submenu items.

What I WANT is to have the Title “A Heartbreaking Choice” layered over the top of the broken heart image, and the tagline directly below that – all of it should be centered. Then BELOW all of that, I want the main menu as a horizontal menu, I DO NOT want the menu to the left of the title or logo, I want it centered BELOW it all. How can I do that?

Thanks very much for your help.

Thanks, I did have it disabled – however…if I enable it, it TOTALLY screws up the positioning of my header text and graphic. The header should be centered, with the graphic (broken heart with the Header text centered over the top of it, with the tagline underneath.) The menu SHOULD be underneath it all. How do I position it so that it aligns horizontally UNDER the header? Please see the original website: https://www.aheartbreakingchoice.com/ to see how I want the header and top horizontal menus to look. I am re-constructing the website with WordPress so that it will be mobile ready. While I can create the look I want with CSS and HTML using ASP.Net, I am having trouble getting it to work exactly like I want with WordPress. Thanks very much for all of your help.

• This reply was modified 6 years, 1 month ago by Coleen. Reason: Typo

Thank you!

Thanks for the help. Okay, one final question… I want to use that page as the ‘template’ for ALL of my website pages. In .Net, we called that the framework, the initial frame for the entire website. How do I keep the format that I have created for that page across EVERY page, and ONLY change the content of each page, without having to copy all of the formatting (both HTML and CSS) to each and every new page that I create? Thanks in advance for your help.

Thanks, I’ll try…tomorrow, it’s 12:30 am here, time to get some sleep. Thanks for the help, it is very appreciated.

Thanks. Do you have any idea what class in the CSS to use to change the title font in the widget side bar? That widget title css is driving me crazy!