Download all Joomla templates including quickstart (demo)only $29

Forum

Next Release

Roofco Joomla Template

Template dedicated to Roofing and construction, with 4 prebuilt websites for Joomla 5 and 6. Subscribe or renew now and be the first to get it when we launch it.

Progress97%
Important - Hands Up!

- Please ask using the account with which you made the purchase or download of our products and in its respective category.

* ADD PRODUCT NAME IN START OF SUBJET

sombra - links do not show css formating in blog

  • L
  • lesliebuck New Member
  • Topic Author 2 hours 10 minutes ago #1
Hi there,

I cannot figure out why the hyperlinks in my blog article detail pages do not show any css formating. On all other pages, the links turn red on hover.

For example:
In the second sentence of this blog article, there are two links "part one" and "part two"
future.tacticalarts.com/articles/kali-pe...filipino-kali-part-3

The links are hard to find because there is no visible indication that they are links.  Also, if you hover over those links, then you can see that there is no change. 

My only guess of what may be affecting it: 

In the Articles Details page, made with SP Pagebuilder, I have the article text displaying using the Dynamic Text element.  In the Dynamic Text settings, under Content, I have selected the Field Source as Intro Text.  If I select Full Text, then nothing displays. Is it possible the Intro Text does not show all the same css as the Full Text?

My apologies, I am not a developer, so this may be a simple issue that most people would be able to fix themselves.  Thank you for any help.



 

Please Log in or Create an account to join the conversation.

  • L
  • leoalv Moderator
  • 1 hour 28 minutes ago #2
Hello.
What we're seeing isn't a template issue; it's a customization you've made with SP Page Builder. The CSS selector is as follows:
Code:
#sppb-addon-e1fb2073-3516-4b6a-a59d-3f6fe3dfbf1e .sppb-dynamic-content-text a{color: #474652;}
As we can see, the ID is from an add-on and is applied to the <a> tag (link). You've done this customization in a dynamic add-on.

You've used the same color for both the text and the links. We don't know if SP Page Builder uses a single field to color both the text and the link, or if it has two separate fields. You can resolve this as follows:
  1. If they are separate fields: remove or change the link color in its corresponding field.
  2. If it's just one color field for both the text and the link: remove the color and let it use the template's default color. Or add the following CSS to the Custom CSS field of the addon:
Code:
#addonId .sppb-dynamic-content-text a{color: var(--primary_color)!important;}
Regards
The following user(s) said Thank You: lesliebuck

Please Log in or Create an account to join the conversation.

  • L
  • lesliebuck New Member
  • Topic Author 4 minutes ago #3
Great!  Thank you so much.  I see how to customize it now.

It seems so obvious now that you pointed it out.  I made those changes weeks ago as I was experimenting with the software, and just did not remember / pay attention.



 

Please Log in or Create an account to join the conversation.

77,291+
Happy customers guarantee our Templates and Extensions