[Resolved] Different color links in same page

[Kenneth Spence]

I have three links per line and multiple lines of the same thing. Agenda, Minutes and Resolutions are the words I use on each line and they all have a link. I use to just change the colors for each one from the default there by ending up with 3 colors. Since the latest update to both GP Premium and WordPress I can’t seem to do that any more. They just are all the default color. Any ideas on what might have happened?

[Leo]

Hi there,

Can you try clearing browser cache first?

If not are you able to link me to the page where it’s not working? Thanks!

[Kenneth Spence]

I tried the clear cache and it is working some. It seems that if something isn’t done right in the first place it then can’t be corrected without removing it.

Is this private to you or can all see. I can send a link but it requires a password I don’t want others to have.

The following is part of the text. April 11 works fine. May 10 when I selected the text I accidentally left off the end a in Agenda and so it didn’t get the color change but what I did select was changed to blue. When I reselected all the Agenda text it whet back to the default color green. I can’t reselect and get the blue color. May 15 shows what happened when I didn’t select the last a. So Agend is blue and a is green. I have not tried redoing May 15 but it will do the same as May 10.

Hope this helps.
Ken

`</span>Apr 11 – <span style=”color: #0000ff;”><span style=”color: #0000ff;”>Agenda</span>
</span>May 10 -<span style=”color: #0000ff;”>Agenda
</span>May 15 – <span style=”color: #0000ff;”>Agend</span>a</h4>

[Kenneth Spence]

I just tried adding to more lines and they won’t change at all to the color blue when I select it.
These are links to media if that make any difference.

[Leo]

It’s most likely there are some syntax error in the HTML.

Make sure you open and close each element: <span>some content</span> and <h4>title 4</h4>

From above I can see that the span before April 11 is not opened and there was no opening for <h4> as well.

[Kenneth Spence]

I don’t usually use text at all. I just use visual to do all my work. Not sure how these would get messed up but I will look. I know a little html but not a much.

I just removed all the lines I had so only Jan and Feb are still there as they are fine. I then added Mar. The code is below and I think what is happening is the color is not being added in the right place. Should it not be after the Content “Agenda” like it is for Jan and Feb. In visual I am highlighting Agenda. Maybe the color is just not getting added.

<h3>[su_accordion]</h3>
<h4><span style=”color: #339966;”><span style=”color: #008000;”>[su_spoiler title=”2017″ open=”yes” style=”fancy”]
</span></span>Jan 08 – <span style=”color: #0000ff;”><span style=”color: #339966;”>Minutes</span> – Agenda – <span style=”color: #800080;”>Resolution 2017-1</span></span> Time And Place For Regular Meetings
Feb 11 – <span style=”color: #0000ff;”><span style=”color: #339966;”>Minutes</span> – Agenda – <span style=”color: #800080;”>Resolution 2017-2</span></span> Repayment Agreement CWRPDA
Mar. 8 – <span style=”color: #339966;”>Minutes</span> – <span style=”color: #0000ff;”>Agenda</span></h4>
<h4>[/su_spoiler]</h4>

[Leo]

I would really try to restart that as it’s quite messy.

Looks like there are short code in the HTML too so there might be styles from the plugins that’s generating the content which is overwriting the <span>

You can change the global link color in Customizer > Colors > Content > Link as well.

If you still have trouble, send a link through Account Issue here and mention the topic: https://generatepress.com/contact/

Thanks!

[Kenneth Spence]

I think I am figuring it out. I have a test site and live site. Live site all looked good. I just tried a test line on the live site which would be a copy of the June and it would not generate the same code. It is generating the same code as on my test site that doesn’t work. Here is the difference. There is an extra color style in the good one inside the link. So it seems like when I highlight the test of the link it doesn’t insert the color in the link. Seem like a bug of some kind somewhere. I use the add media button to had the link to the media. Thanks for your help. Never had this issue until someones latest update and I do have all the latest updates.

Good
April 11- <span style=”color: #0000ff;”>Agenda</span>
BAD
April 11 – <span style=”color: #0000ff;”>Agenda</span>

[Kenneth Spence]

I just noticed the code I am sending is not showing he same as I am sending. Do I need to send it in a particular way.

[Leo]

Why not add the style directly into the <a> tag instead of using an extra span?

Also looks like you are using the wrong quotation marks.

Try something like this: <a style="color: #0000ff;" href="https://www.google.ca">Google Me</a>

[Kenneth Spence]

I can do what you suggest and it works fine. I am assuming that this point that the latest version WordPress has a bug in it where Add media button or color change adds the color in the wrong place. It adds it here <span style=”color: #0000ff;”> instead of where you suggest. I assume this is a WordPress issue and not GP. Would this be a correct assumption? I tried this on a blank page and problem occurred with me only adding a pdf file and then trying to change the color.

[Leo]

Hmm I don’t think it’s a bug in WordPress or GP.

Can you provide a link to your site through the Account Issue here? https://generatepress.com/contact/

Please mention this topic and specify which links you are having trouble with.

[Leo]

Ok just looked at the site. Like I said it’s not showing correctly because some of the tags are not closed.

I would recommend a cleaner and easier way of achieving this. So using the text editor, copy and paste this and replace the appropriate fields:
<span class="minutes-style"><a href="https://MINUTES-URL-HERE">Minutes</a></span> - <span class="agenda-style"><a href="https://AGENDA-URL-HERE">Agenda</a></span> - <span class="resolution-style"><a href="https://RESOLUTION-URL-HERE">Resolution</a></span>

Then add this CSS:

.minutes-style a {
    color: #339966;
}
.agenda-style a {
    color: #0000ff;
}
.resolution-style a {
    color: #800080;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

This way it will be neater and if you want to change the color one day, you can just change it in the CSS once instead of each of going through all of them.

[Kenneth Spence]

Seems like this should work. I will give it a try. There is still something that has gone wrong somewhere because I didn’t write any of the code. It is put in automatically when I highlight and select a color in the visual side. Use to work fine.

I have another quick question. Will GM ever be able to use side bars with sections some day?

Thanks for your help.

[Leo]

When repetitive styles is used like this it is definitely best to use class and some CSS instead of visual editor.

Sidebar with Sections: https://docs.generatepress.com/article/allow-sidebars-sections/

[Author]

Posts