outline + link button colour not matching accent colour

This topic has 6 replies, 2 voices, and was last updated 6 years, 11 months ago by Wes.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
May 23, 2017 at 5:20 pm #21433
BartA
Customer
Hi Wes

In the last version of the theme the outline of some of the buttons doesnt colour properly upon being highlighted. And widget 13 doesnt seem to be linked to accent colour at all since the buttons in there look different than on other parts of the site.

have a look
https://tandarts-haarlem.nl

best regards,
Bart Alders
May 23, 2017 at 5:52 pm #21435
BartA
Customer
Allso; on the port folio page, widget 2 shows in a weird colour
May 24, 2017 at 2:53 am #21449
Wes
Moderator
Are you referring to front-page-12? I didn’t see 13 on your site. I’ll take a closer look at it and add a fix in the next update. Until then I can help you override it if you want.

Are you familiar with editing PHP files? If so, the output.php file will need to be edited in order to fix this. We just need to add a couple lines like this –
```
.front-page-9,
.front-page-12 .image-section a
```
…to the link section.

You mentioned a weird color on your Portfolio page? Are you talking about one of the Posts on this page? – https://tandarts-haarlem.nl/portfolio/
May 24, 2017 at 9:45 am #21451
BartA
Customer
Thanks Wes,

The editing wont be a problem.
And youre right, it was 12, not 13.

With regards to the port folio page:
look at the colour of widget footer-2
May 24, 2017 at 10:26 am #21452
BartA
Customer
Can’t read the code, but trial and error usually gets me a long way =)I tried adding those two lines in the second and third section of links as shown below
```
		button,
		input[type="button"],
		input[type="reset"],
		input[type="submit"],
		.archive-pagination li a:hover,
		.archive-pagination .active a,
		.button,
		.widget .button,
		.front-page-2 .image-section,
		.front-page-9,
		.front-page-12 .image-section a
		.popular,
		.genesis-nav-menu .sub-menu a:hover,
		.genesis-nav-menu .sub-menu li.current-menu-item > a,
		.footer-widgets .enews-widget input[type="submit"],
		.content .portfolio .more-link:hover {
			background-color: %1$s;
		}

		button,
		input[type="button"],
		input[type="reset"],
		input[type="submit"],
		.button,
		.front-page input:focus,
		.front-page textarea:focus,
		.front-page-9,
		.front-page-12 .image-section a
		.widget .button {
			border-color: %1$s;
		}
```
but its not working out.
May 24, 2017 at 10:56 am #21453
BartA
Customer
Im starting to see the picture..

first mentioned are the item declarations
then the rule that is applied to them

So i can change the (base) colour of the link in front-page-12 .image-section a
to the accent colour by adding that section to the ruleset
```
{
			color: %1$s;
		}
```
The thing is though, thats not the thing going wrong.
Whats wrong is that the original accent colour in the theme (red) is being used as the base link colour whereas in other widgets the default colour is white and on-hover colour is the accent colour..

Im guessing it has to do with how i call the button style .. inside the widget,
because it suddenly dawns to me that the accent colour is used for hyperlinks as well..
And to a button applies a different style than to a hyperlink
May 25, 2017 at 3:56 am #21464
Wes
Moderator
Can you tell me the exact color you want the background and font for the buttons to be in that section? We can just add an override in your CSS file or Custom CSS page.

The Footer Widget #2 section is showing the default Body color for some reason, and I have no idea why. I’m not sure if it has anything to do with the tables being used or not. If it does, that still doesn’t explain why it works on other pages but not this one. Oh well, either way, here’s a fix you can add –
```
.footer-widgets td {
	color: #fff;
}
```
Let me know if that works.
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.