HTML Link Text Smaller than Paragraph Text

Website Templates
1

I’m using the colorlib Appson template, and when I put a href in my <p>, it’s smaller that other text and looks strange. Here is the code:

<p>PredictiveData Mobile App makes AI (artificial intelligence) easily accessible to any business, large or small, by leveraging the power of Machine Learning.</p>

Any help please?

2

Good morning

Same, here i need url of the page where this problem is visible

3

https://predictivedata.ai/index.html#home, in the first paragraph: “any business, large or small”

4

Hi there

You can use this code to fix the problem:

.slider-content a {
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
line-height: 30px;
margin: 28px 0px 39px;
}

5

I’m assuming you meant for me to add to the style.css. I did that, and no change to the webpage. What am I missing?

6

Good morning

But i can see link style changes, please clear cache
and this code for link color hover state:

.slider-content a:hover {
color: #989898;
}

just change the color code

7

That fixed it, however, my paragraph links now are not visible on white background. See this link: https://predictivedata.ai/predict-late-shipping.html, look at last paragraph after "Just takes " and there is a link that and link text not visible. Any suggestions?

8

Good morning

Yes, i see, the reason is that yout text is wrapped in this class:

download-btns btn-area
and you should not do that, please remove this class, switch to text mode and you will see it

9

Thanks for reply. Which is the correct class to wrap that link with so it shows up?

10

Good evening

You don’t need any class or div to wrap p tag, just use a normal text in the page editor and default tags like p, a, h1 and other defaults

11

Thanks, got it visible, but still looks a little strange of the font is not the same: https://predictivedata.ai/predict-which-customers-purchase.html

12

Good morning

You are still using weird classes to wrap normal text, this makes your text ti have a different style, right now text and images are all wrapped in this class: download-btns btn-area
you have to clear markup of your text,