changing color of links in column text element

doubleeagle914

I am using the column text element for the refund policy / privacy & security policy text in the attached screenshot. For some reason, even though I have the text as black, it is showing as red. How do I change the color? Also when I add a background, how do I add more space on top of the background (see other screenshot)? If I am using the background, I would have the text white. I assume if you answer the first Question, it'll take care of this change as well.

Screen Shot 2022-07-14 at 7.16.43 PM.png

Phil

Hi,

1) While editing your page with the BeBuilder select the link text, and with the color picker change the color.

2) Please, go to the Advanced tab, and in the Spacing add some top padding.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

doubleeagle914

thanks. got the color change to work. wasn't editing with "bebuilder". was just clicking "edit page".

re: padding - I did it but now it seems that there's too much space to either the right or the left. ....can that be fixed. looks very difft in editor vs on the actual page.

Screen Shot 2022-07-15 at 8.15.50 AM.png

Phil

Please attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

doubleeagle914

here you go...I made the page public (it was previously pw protected though I don't think that's causing the issue) https://leasonellis.com/secure-payment-portal/

doubleeagle914

I removed the background b/c we decided we didn't like it. is there a way to have the text turn a different color upon hovering?

Phil

Please open the advanced tab of the Column Text element, go to Custom, and in the CSS Classes put the name of the class. You can name it however you want, but for my example, I will use the name myClass.

When you add it, go to the Page Options, scroll to the Custom CSS field, and put there the following code:

.myClass a:hover{
color: #ff0!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next