[Tomáš]

Hello Sakin. Apologies for being troublesome. Still not resolved, though.

Any idea, how can I have both of the following?

1) Entire title (also) on mobile version of the web – main title is missing
2) Transparent background of the Title on the web

All the advises so far have led to either 1) or 2), but never to having both.

Appreciate your support
Tom

[Tomáš]

Dear Sakin, I did as instructed 🙂 Thanks a lot. And I hope this is really the last one.

How we can extent that CSS code with [ background: rgba(64, 64, 64, .5); ] part, so I can have a transparent text background?

[Tomáš]

I am afraid I have confused you. All of the CSS code is taken from your advises above 🙂

I have now used CSS code as recommended by you:

@media screen and (min-width: 961px) {
#main-slider .entry-header .entry-title { font-size: 35px; }
#main-slider .entry-content { font-size: 20px; }
}
#main-slider .entry-header .entry-title,
#main-slider .entry-content { background: rgba(64, 64, 64, .5); }

It works beautifully for web: http://gpf1.cz/wp-content/uploads/2015/10/web.png

But on mobile, the main title is missing: http://gpf1.cz/wp-content/uploads/2015/10/Screenshot_2015-10-19-21-55-58.png

That’s the only issue I have. 🙂

[Tomáš]

Yes, I know that solution of my problem lies in custom CSS. Unfortunately, I am not that skilled in it. Yet 😉

If I will replace as suggested, that I will lose Post Main title again for mobile version: http://gpf1.cz/wp-content/uploads/2015/10/Screenshot_2015-10-18-16-10-01.png

So: it seems, like either having grey transparent background, or having main Post title in mobile version. But I’d like to have a both (more particular: I want grey title background on classic web, I don’t need to have it on mobile version. On mobile version, I need to have both Post Main Title and short Descritpion 🙂

It’s main gpf1.cz web now.

Thanks for patience and help!

[Tomáš]

Hello Sakin,
cat and mouse game I suppose 😉 Thanks for advise. It helped for mobile device.

But now I have lost the text background we discussed earlier within this topic. Transparent background using RGBA code. Thanks for help.

[Tomáš]

Dear Sakin,
wonder why Header Post title is not visible on mobile version of new.gpf1.cz web? Only Post’s short description is. Thank you!
Tomas

[Tomáš]

Got it, works, thanks 🙂

[Tomáš]

Thank you. I am very satisfied now 🙂 I also provided 5 star review for your Theme 🙂

[Tomáš]

Sakin,
now, I am definitely going to write that review. The only issue I have is 5 stars is not enough 😉

But before I will do that, please, (I really hope it’s last one from me), can you give me a hint how to work with the grey transparent background rectangle? (e.g. to make it less wide). Then… I will become silent! 😉 http://new.gpf1.cz

Current CSS code I use is following:

@media screen and (min-width: 961px) {
#main-slider .entry-header .entry-title { font-size: 35px; background: rgba(64, 64, 64, .8); }
#main-slider .entry-content { font-size: 20px; background: rgba(64, 64, 64, .8); }
}

#main-slider .entry-container {
bottom: 0;
left: 150px;
right: auto;
text-align: left;
}

[Tomáš]

Sakin, will do for sure!

One more question though… can I somehow move the slider text somewhere else? E.g. right bottom corner?

[Tomáš]

I got lucky with your theme. I love it. It’s beautifully empathetic and have functions I desired for so long. Made me happy 🙂

[Tomáš]

I think I understand what you mean: background: {rgba(54, 25, 25, .5)}

Correct? It seems working. Big thanks for the support. Total PRO 🙂

[Tomáš]

Dear Sakin, can you give me more details on your advise regarding RGBA color, please?

[Tomáš]

Another partial success 😉 I discovered {opacity:0.x} command, but that obviously applies for both text AND background. Any idea how to apply it for background only? 🙂

[Tomáš]

Having said that, I’ve figured out the {background-color: something; } parameter, but still working on transparency options 🙂

[Tomáš]

Dear Sakin,
thanks very much for your fast and useful help. Works perfectly.

One additional issue, though: is there a possibility, within the Custom CSS, to apply transparent rectangle area as text background, in order to make the text better visible?

Thanks very much. Appreciated.
Tom

[Author]

Posts