CSS for link text

Also would like the link text to display wider. Currently it seems to be contained in a container of a certain width. It would be nice to have it display about 80% of the width of the link thumbnail. (I do have the link size customized with CSS from @bojan)

Thanks,
Troy

ps. you can see the activity feed here…. https://www.parttimegolf.com/activity

Hey again Troy,

I’ve tested this on my end and it appears that you’re right as this CSS is not being loaded for visitors. I’ve notified our developer for some feedback on this one.

For now you can just add this to your custom CSS file:

.bpfb_link_preview_title {
	font-weight: bold;
	font-size: 1.1em;
}

This will apply the same css everywhere. You can also use this selector to increase the size as well as color so just add properties like font-size and color to adjust it to what ever suits you the most.

Cheers,
Bojan

Any way to to fix the second post above… increasing the size of the container that the link text is fitting into?

Troy

Also… can the text color of the URL link itself… example https://theurltothelink.com/link be changed… to like red so users can really see that it is an external link post.

Troy

Hey again Troy,

Any way to to fix the second post above… increasing the size of the container that the link text is fitting into?

The container is already set to 100% width, please see screenshot
https://screencast.com/t/CQUfQZyR3

Also… can the text color of the URL link itself

As I already menitoned you can simply add color property to the same selector I used to make it bold above. For example something like this:

.bpfb_link_preview_title {
	font-weight: bold;
	font-size: 1.1em;
        color: #eedb73;
}

Just replace the color hex value to which ever color you want to display.
You can use sites similar to this one to get hex value for the color of your choice: https://www.color-hex.com/

Cheers,
Bojan

Yes, I got this… but this changes just the Title of the link post. I am wondering if the color of the actual url text can be changed. The text that is actually the url string.

Thanks,
Troy

Hey Troy,

In this case try adding the following:

.bpfb_final_link .bpfb_link_preview_url a {
    color: #eedb73;
}

this should the actual color of the link there.

Cheers,
Bojan

Thank you!

Troy

Glad I could help ??

Cheers,
Bojan