KiwiDiva

You are an absolute STAR, thankyouthankyouthankyou!!!! That worked beautifully!!! I can’t thank you enough, it looks fab!!!

So close!!! ?? That’s got everything but the items in the sub-menus, which are still grey when not hovered over.

That’s awesome, thank you, nearly there!!! ?? The menu item colour and hover colour worked, but the dropdown menu is still grey (hover colour works, but the non-hover items in the drop down menus haven’t changed colour), and the content title didn’t change colour. Any ideas?

Thank you so much, that was very helpful! I tried the code and had partial success: the font size of the content was fixed, which is great! I had no luck with the colour changes, though. Here is the code as I inserted it, with colour codes from the link you provided. What am I doing wrong?

/* 1 menu links color */
menu-drop-down-menu.menu li a,
menu-drop-down-menu-1.menu li a {
	color: #551a8b;
}

/* 2 menu links hover color */
menu-drop-down-menu.menu li a:hover,
menu-drop-down-menu.menu li a:focus,
menu-drop-down-menu-1.menu li a:hover,
menu-drop-down-menu-1.menu li a:focus {
	color: #b8860b;
}

/* 3 content title color */
h1.entry-title {
	color: #551a8b;
}

/* 4 content font size */
.entry-content p,
.entry-content p a {
	font-size: 1.5rem;
}

I tried clearing my cache but it made no difference. I also tried adding “!important” to the end of each section as I’ve seen that suggested at times but again, no colour change. Any idea where I’m going wrong?

If it’s any help, the bit of code I did have some success with, to change the colour of the menu items (but not the drop down menus, or the hover colour or any of the other changes) was this:

#top-menu ul li a {
	font-size: 22px; color: #4c035e;
}

(that colour code was taken from Photoshop, hence why it’s different than the one I used above, which came from your link)

Thanks again for your help!

That worked!!! Thank you so much Allison, that did it! ?? I’m a happy girl, really appreciate all your help!

Hi Allison,

Thanks so much, this has been extremely helpful! I’ve got partial success, at least! ?? The colour elements are now a lovely shade of gold to match the rest of the site, yay! The “log in” bit disappeared altogether when I added in the code, but I’m not bothered, mine is not the sort of website people register or comment on anyway.

The font size changes are completely confounding me, however. When I input those lines of code (with a font size like 70px) subsituted for “X” of course, nothing happens. I’ve tried different font sizes in case I was entering the current font size by coincidence, and nothing. When I enter this:

#top-menu ul li a {
font-size X;
}

and save the stylesheet, it is automatically changed to this once it’s saved:

#top-menu ul li a {
}

It just removes the font size reference altogether – why would it do that? The one for the title stays unchanged, but it also doesn’t seem to affect anything on the site – even after refreshing.

Question, to change the tagline (“contemporary portrait art”) size rather than the title (“Tara Lemana”), would I just substitute “tagline” where it says “title”? I’ve tried both but neither affects either the title or the tagline. ?? Not sure where I’m going wrong?

In any case, thanks so much for all your help so far!! Much appreciated!

Hi Allison, thanks so much for your reply. My site is https://www.taralemana.com. The problem is on the blog pages: https://www.taralemana.com/blog/; as you can see there, the previews of the blog entries have a gold-coloured line above them and the “read more” after the preview is in a matching gold – my theme colour. However, if you click on any one of the blog entries, you’ll see that the large image at the top of each post has a peach-coloured border. The link in “You must log in to comment” at the bottom of each page is also still in peach.

A new issue that’s just cropped up that hasn’t been there before is that I can see a weird little black square with three peach lines in it in the top left corner of each page that stays in view as you scroll down the page; I have no clue where it’s come from because it wasn’t there before and I have not just run an update.

I would also like to make changes to the size of the fonts in the page title and the navigation menu (slightly larger) as they are very small and difficult to read, but this theme does not allow for that either – any hints as to how to achieve this would be gratefully received as well!

Many thanks!

Tara

You’re right, Eogaux. ?? I didn’t realise that until just recently, but have been unable to find anyone to figure it out for me. I’d love some help to figure this out too – an addition to the above code to remove the peach from the widgets and the recent posts outline would be fantastic.

Thanks so much

Okay, I got the answer from a web designer acquaintance, thought I would post it here for others looking for the same answer.

In your custom.css file, paste this code:

#colophon, .grid .featured-thumb {
border-top-color: #998550;
}

.readmore a {
color: #998550;
}

Substitute the colour code for whatever colour you want where it says #998550, that’s just the code for the colour I wanted (gold). This changes the colour of the pink line along the bottom of the page, as well as along thumbnails on your blog if you have one, and the “read more” text in the blog previews. If you don’t have a blog page it won’t matter, it will just change the line along the footer.

Hope that helps! ??

Hi Ashley,

Thanks so much for your reply, sorry for the delay in responding – I never got a notification of your comment.

I copied and pasted the entire stylesheet into Word and did a “Find” search for the colour code (hex number) you gave but there were no occurrences of it. ?? I’m completely confused. It definitely looks like the colour in the theme when I plug it into my colour picker in Photoshop, so how could it not be in the stylesheet?

I checked all the other templates as well, just in case, but nothing. The mind boggles!!!

Hi there,

I’d like to know this too; I’ve just updated to this theme and LOVE it (thank you!!!) but if I could change the pink/peach coloured accents (eg the line along the footer, and along the top of each Blog post preview image) throughout the site to my own brand colour (#998550) it would be just perfect.
I’ve scoured the Stylesheet and copied every colour code I could find into Photoshop one at a time to find it but none relate to a peachy/pinkish colour or anything close.

If someone could help me and the OP with some code to change this, that would be amazing!

Thanks so much

Tara

Okay, I’ve got some way into achieving this myself. I got rid of the padding at the top of the page, and removed the bar with the “You are here” notification by deleting the section relating to “breadcrumbs” in the CSS. That did not, however, delete the actual text, and I can’t figure out how to get rid of that; there are no further references to breadcrumbs, and I’m not sure what else it could be.

This is the css, in case it helps:

[entire file removed – no it’s not useful at all – and that’s way too much code to post on these forums – https://codex.www.ads-software.com/Forum_Welcome#Posting_Code ]

Grrrr, so that’s not going to work. I’m back to Adroa because other themes just aren’t looking how I want them to.

SO I’m back to needing help to get rid of this Nav Bar. I’d also like to know, if possible, how to move the top Nav Bar (right at the very top of the page on my website (www.taralemana.com) to below the banner, if that’s possible, and how to increase the width of the content to take up more of the page. IF that’s possible at all.

Appreciate any help you can give me, thanks in advance!!!

Never mind, I’ve decided to change my theme – thanks anyway!