SKT Newspaper Pro – last version

Home Forums All Other Themes SKT Newspaper Pro – last version

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #202191
    MarkusMarkus
    Participant
    • Topics: 18
    • Replies: 57
    • Total: 75
    Member since: February 7, 2017

    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
    Markus

    #202199
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29449
    • Total: 29449
    Member since: August 16, 2013

    Hi,

    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,
    Dave

    #202214
    MarkusMarkus
    Participant
    • Topics: 18
    • Replies: 57
    • Total: 75
    Member since: February 7, 2017

    Hello,

    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,
    Markus

    #202225
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29449
    • Total: 29449
    Member since: August 16, 2013

    Hi,

    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,
    Dave

    #202267
    MarkusMarkus
    Participant
    • Topics: 18
    • Replies: 57
    • Total: 75
    Member since: February 7, 2017

    Thank 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
    Markus

    #202283
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29449
    • Total: 29449
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS to remove comments.

    .PostMeta span:nth-of-type(2) {
      display: none;
    }

    Regards,
    Dave

    #202318
    MarkusMarkus
    Participant
    • Topics: 18
    • Replies: 57
    • Total: 75
    Member since: February 7, 2017

    Hello Dave,

    thanks for the help, but the code has no effect or does not work.

    An other idea?

    Regards
    Markus

    #202330
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29449
    • Total: 29449
    Member since: August 16, 2013

    Hi,

    This is done.

    Regards,
    Dave

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.