Tags not visble shows as blank link

Support
#1

I have a new site setup using x pro integrity theme and the tags are coming up as blank links on the post page.

Here is a link

http://66.172.22.199/river-report/

Any help would be much appreciated

Thanks

#2

Hi there,

Please add this code in X > Theme Options > CSS:

.blog .entry-footer a,
.blog .entry-footer a:hover {
    color: #000;
}

Here are some related links for further reading:

Hope this helps.

#3

That fixed half of the problem. If you click on one of the tags then the resulting page has blank tags again.

Also the background image is not showing up on that page and I need to have it semi transparent. I added it in the edit
page background image but for some reason it does not take on the posts page.
If you have css for that it would be much appreciated.

#4

Hi there,

Please update the code to:

.blog .entry-footer a,
.blog .entry-footer a:hover,
.single-post .entry-footer a,
.single-post .entry-footer a:hover {
    color: #000;
}

Would you mind specifying where and how specifically you add the background image so that we can check it?

Hope this helps.

#5

I updated the code you sent and there was no change. Same issue.

As per the background image.
I click on edit page within the dashboard then scroll down to background images and select the image.
This is the link to the image it shows: http://66.172.22.199/wp-content/uploads/2018/11/fly-fishing-background.jpg
It works on any other page except for this posts page. If there is another way to do it please let me know. Since I cannot use cornerstone on that page I could also use some code to make it semi transparent also.

Thanks much

#6

Hi again,

Please use this code instead to fix the tags issue:

.blog .entry-footer a,
.blog .entry-footer a:hover,
.single-post .entry-footer a,
.single-post .entry-footer a:hover,
.archive .entry-footer a,
.archive .entry-footer a:hover {
    color: #000;
}

For the background image, try adding the following code in

.single .backstretch {
    z-index: -1 !important;
}

If this doesn’t work then please provide the exact post URL so we can take a closer look.

Thanks!

#7

The code you provided fixed the tag issue so thanks much for that.

I entered your code for the background image to show through on the posts page but it still did not work.
I was able to get the image to show by adding this code

.blog .site {
background-image: url(“http://66.172.22.199/wp-content/uploads/2018/11/fly-fishing-background.jpg”);
}
and that worked on main post page but not individual posts pages and I still need to make the background semi-transparent.

Here is a link to the post page http://66.172.22.199/river-report/

I am almost there

#8

Hi Montanag,

To show the background-image on the individual post as well. Please update that CSS code to this:

.blog .site,
.single .site {
background-image: url("http://66.172.22.199/wp-content/uploads/2018/11/fly-fishing-background.jpg");
}

You might need the other background properties as well. Please follow these links.

background-repeat
background-size
background-attachment

Hope it helps,
Cheers!

#9

Thanks that fixed the main issue.
I never figured out how to get the semi-tranparent background but I solved that by building it into the image in Photo Shop. Many thanks for your help.

#10

You are most welcome. :slight_smile:

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.