Joomla Templates Club 406,261 posts

[markwilliam Friend markwilliamJoin date: January 2014Posts: 39Downloads:1Uploads:2 Thanks: 10]

#720162

Hi everyone, hope one of you can help me.

I’ve just created a new extended class item for my website, the Portugal Travel Guide (http://www.portugaltravelguide.com).

For some reason, the text (which should read PIC over the gold-coloured background) isn’t covering the logo but covering the title wording (in this case, Cottage) instead (please see image attached);

If someone can suggest why or can see something wrong in the CSS coding, then please let me know.

Thanks very much in advance.

Mark

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#720297

Hi Mark,

In the file: http://www.portugaltravelguide.com/templates/ja_wall/themes/retro/css/theme.css , at approx line 806, check the declaration for that text:


.item-pic .header > h2::before {
background: rgba(0, 0, 0, 0) url("../images/bg-pic.png") no-repeat scroll left top;
border-radius: 0;
color: #fff
content: "Pic";
display: inline-block;
font-family: "Droid Sans",sans-serif;
font-size: 10px;
height: 20px;
left: -3px;
line-height: 18px;
padding: 0 5px 0 10px;
position: absolute;
text-align: left;
text-indent: 0;
text-transform: uppercase;
top: 20px;
vertical-align: top;
width: 40px;
z-index: 500;
}


And add text-indent: 0; property as highlighted above

1 user says Thank You to Saguaros for this useful post

1. markwilliam

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#753309

Hi Mark,

In the file: http://www.portugaltravelguide.com/templates/ja_wall/themes/retro/css/theme.css , at approx line 806, check the declaration for that text:


.item-pic .header > h2::before {
background: rgba(0, 0, 0, 0) url("../images/bg-pic.png") no-repeat scroll left top;
border-radius: 0;
color: #fff
content: "Pic";
display: inline-block;
font-family: "Droid Sans",sans-serif;
font-size: 10px;
height: 20px;
left: -3px;
line-height: 18px;
padding: 0 5px 0 10px;
position: absolute;
text-align: left;
text-indent: 0;
text-transform: uppercase;
top: 20px;
vertical-align: top;
width: 40px;
z-index: 500;
}


And add text-indent: 0; property as highlighted above

1 user says Thank You to Saguaros for this useful post

1. markwilliam

[markwilliam Friend markwilliamJoin date: January 2014Posts: 39Downloads:1Uploads:2 Thanks: 10]

#720512

That’s perfect.
Thank you very much!
Joomlart rocks. I’m so pleased I chose your template, I couldn’t be happier.
Here’s wishing all you guys a great weekend.
Mark

[markwilliam Friend markwilliamJoin date: January 2014Posts: 39Downloads:1Uploads:2 Thanks: 10]

#753350

That’s perfect.
Thank you very much!
Joomlart rocks. I’m so pleased I chose your template, I couldn’t be happier.
Here’s wishing all you guys a great weekend.
Mark

[markwilliam Friend markwilliamJoin date: January 2014Posts: 39Downloads:1Uploads:2 Thanks: 10]

#720542

Another quick question related to the previous one. The new ‘Pic’ extended class item works perfectly on my laptop but doesn’t appear on my smartphone. How can I tweak this?
Many thanks once again.
Mark

[markwilliam Friend markwilliamJoin date: January 2014Posts: 39Downloads:1Uploads:2 Thanks: 10]

#753380

Another quick question related to the previous one. The new ‘Pic’ extended class item works perfectly on my laptop but doesn’t appear on my smartphone. How can I tweak this?
Many thanks once again.
Mark

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#720890

I checked with my iPhone device but it stil displays fine, could you send screenshot highlighting the issue?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#753430

I checked with my iPhone device but it stil displays fine, could you send screenshot highlighting the issue?

[Author]

Posts