Home › Forums › All Other Themes › SKT Newspaper Pro – last version
- This topic has 7 replies, 2 voices, and was last updated 1 year, 11 months ago by Sonl Sinha.
-
AuthorPosts
-
December 11, 2022 at 4:18 am #202191
Hi,
I use the Header Ad Widget with a Block text (Das B2B Portal für die gesamte Welt der Cyber Security). I want too use some CSS only for this aera (col-8). But I can’t find the right selector.
I use a h3 for the short text in the head. In a normal Browser view the text is big enought, on a mobile phone it’s to big and I get a brake. So my idea: I use CCS with em(r) for the font-size instead px. Will this work?
Maybe you have a short example code for me.https://b2b-cyber-security.de/
Regards
MarkusDecember 12, 2022 at 11:23 am #202199Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
@media screen and (max-width:479px) { #h-das-b2b-portal-fur-die-gesamtewelt-der-cyber-security { font-size: 18px;} #h-das-b2b-portal-fur-die-gesamtewelt-der-cyber-security br { display: none;} .headerright.widget_block { padding: 0;} .logo img { height:auto;} }
Regards,
DaveDecember 12, 2022 at 7:34 pm #202214Hello,
thanks Dave for the code.
The “#h….” ist the name of the used block – right. When I use pure HTML inside the widget, what ist the right selector in the head – col-8?
Regards,
MarkusDecember 13, 2022 at 10:59 am #202225Hi,
Okay, Kindly use this one.
@media screen and (max-width:479px) { .header .col-8 h3 { font-size: 18px;} .header .col-8 h3 br { display:none;} .headerright.widget_block { padding: 0;} .logo img { height:auto;} }
Regards,
DaveDecember 14, 2022 at 3:28 pm #202267Thank you dave for the code.
Another small code problem
On the main site I have 1. Storys, 2. PR-News. Under each blocks you can see
fa-fa Date – fa-fa 0 comments
I want to fade out “fa-fa 0 comments”. I found the code
i.fa.fa-comments-o {
display: none;
}
But this works not correct. Can you give me the right css code please?Regards
MarkusDecember 15, 2022 at 10:46 am #202283Hi,
Kindly use this CSS to remove comments.
.PostMeta span:nth-of-type(2) { display: none; }
Regards,
DaveDecember 17, 2022 at 6:47 am #202318Hello Dave,
thanks for the help, but the code has no effect or does not work.
An other idea?
Regards
MarkusDecember 19, 2022 at 10:51 am #202330Hi,
This is done.
Regards,
Dave -
AuthorPosts
- You must be logged in to reply to this topic.