Changing the color of a linked heading

hi tipadei,

Thank you for the message. Could you let me know the site url and if possible any screen shot will can help me assist you better

sincerely,
tony

Hi,

I’m working on local server so the page is not available yet. But basically there is a heading which takes you to another page (so there is a link in it). Now the heading looks like linked text normally looks like (blue and underlined). I would like to change the color into the same color the rest of the text is, and also remove the underline.

I have tried to change the color setting of links to my theme’s css file, but that doesn’t change anything on the page. So I assume I’m supposed to make some changes to wr page builder’s files?

hi tipadei,

Thank you for the reply, In this case, In order to assist you from not knowing which element you are mentioning. Could you let me know which element you are using from wr page builder to create the link? I will assist you better if you can take screen recordings

Sincerely
tony

Hi,

The element I’m using is “heading”. In the text spot i have written title.

hi tipadei,

i have created a heading but the head text is not linked. I assume that you are mentioning the underline from the heading setting. In order to adjust it you go to heading setting > Styling Tab You can take a look at the attached picture

View post on imgur.com

Sincerely,
tony

Hi,

my title is what i have written to the (of course in url spot there is my actual url and my title says the title which is the same as the name of the element) and that creates a link to my heading. The styling tab underline doesn’t affect to the links underline. I have removed it from there but it doesn’t show on the page. Does the plugin have a css file where you could modify straight the link color?

This is what the developer tool shows to me. I want to change these but I have no idea where to find them.

media=”all”
.jsn-bootstrap3 a:hover, .jsn-bootstrap3 a:focus {
color: #2a6496;
text-decoration: underline;
}

hi tipadei,

From your code mentioned above, you can try replacing text-decoration:underline with text-decoration:none

sincerely,
tony

Hi,

But the problem is that this part of the code is just from the source code of the page. I can’t modify it there, and I don’t know where that code actually is in the plugins code. Do you where is the folder where this piece of code actually is?

hi tipadei,

You can find this code from the file located

plugins\wr-pagebuilder\assets\3rd-party\bs3\bootstrap\css\bootstrap_frontend.min.css

sincerely,
tony

Hi again,

i can’t find this file from anywhere. I tried to go to plugins -> wr page builder -> edit and check from the files it has there but it is not there. Do you know where this file is exactly?

Hi tipadei,

I have provided the exactly direct folder above. Here is the screen shot i have just retaken from my computer. You can review it here: https://i.imgur.com/X8cAnkn.png

Sincerely,
tony

Hi,

Still can’t find it. I can’t find the assets folder. Should I reach it from somewhere else than from the wordpress plugin editor? Because there is no file with assets there. I tried to find it from FTP too but it doesn’t find it.

hi tipadei,

It seems wield if you can not find the file. I am curious about your using FTP but not finding it. Could you provide the FTP account information via the private message on our forum : https://www.woorockets.com/forum/product-support/wr-pagebuilder/ so that i can recheck it for you

sincerely,
tony

Hi,

Yey, I found it. I was including too small area of files in the FTP search.
Thank you so much for your patient and help!

But now there is another problem, it still doesn’t affect the page even though I have change every signle one of those colors and underlines. I was thinking could the fact that I’m using a child theme have something to do with this? Do I need to copy something or change something to make the change visible in my child theme?

Oh wait now it’s working the right folder was bootstrap3 instead of bs3. There is a css file with a same name “bootstrap_frontend.min.css”.
Thank you!