New Topic

Add text at right of header

Home › Forum › Customization › Add text at right of header

This topic contains 15 replies, has 2 voices, and was last updated by  StartupWP 5 years, 3 months ago.

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1267

    caronlad
    Participant

    Since there’s a general expectation that people can find simple contact details to the right of a webpage header I’ve been trying to add text there, just above the menu bar and floating right (and with the logo floating left, of course!)

    I presume this calls for a new div? Any ideas on the code please? TIA!

    (Love the theme, BTW!)

    John

    #1268

    StartupWP
    Keymaster

    The pro version actually already has that exact feature built in:

    https://startupwp.com/demo/

    #1269

    caronlad
    Participant

    Actually the belief that it was built in was the reason I bought the pro version!

    The problem is that I can’t find anything in the documentation that tells me how to do it! I’ve been involved in computers since the days of Fortran IV(!) so i’m not exactly a novice, but at my age life’s too short to keep guessing how to do things!

    OK, so I’ve probably missed the bit in the documentation that explains it – can you point me to it?

    Thanks!

    John

    #1270

    StartupWP
    Keymaster

    From your WP admin:

    Appearance > StartupPro Options > Check the Very Top Box “Social Profile Icons / Custom Contact” > Scroll Down and Add Your Details to “Custom Icons / Custom Contact”

    Thanks

    #1271

    caronlad
    Participant

    Brilliant – thanks!

    John

    #1272

    caronlad
    Participant

    Another query about those Custom Contact details – is it possible to change the font and colour of the text in that area please?

    Thanks!

    John

    #1273

    StartupWP
    Keymaster

    Absolutely.

    #social, #social a {
      font-family: arial, sans-serif;
      font-size: 18px;
    }

    https://startupwp.com/topic/customizing-your-theme/

    #1274

    caronlad
    Participant

    Yes, that does it! Many thanks!

    John

    #1275

    caronlad
    Participant

    The code you’ve helpfully given changes the social area text color – which is actually exactly what I want, so thanks! – but also changes the color of all links elsewhere to white. How can I keep the link text in the social area white and the phone number black while also ensuring that other links – including the one to Admin in the comments section, which is now invisible – are in the standard blue?

    As always, many thanks!

    John

    #1276

    StartupWP
    Keymaster

    You can separate specific styles that you do not want applied to both, so for color, you could apply it to just #social and not #social a:

    #social {
      color: #000;
    }
    #1277

    caronlad
    Participant

    Thanks; it seems logical but it doesn’t seem to work! Changes to #social and #social a in the Custom CSS area have no effect on the colour, though they do work on changing the font.

    Curious!

    John

    #1279

    StartupWP
    Keymaster

    What’s the link to your site please?

    #1286

    caronlad
    Participant

    http://www.tawemediaonline.co.uk/abnov9/

    You’ll see that the section to the right of the header is fine – just as I want it in fact – while links in the body are in white and thus invisible. Even if I change their colour one at a time it still leaves the Admin and other links invisible.

    Thanks again!

    John

    #1290

    StartupWP
    Keymaster

    This is because you’ve added or set somewhere:

    a {
      color: #FFFFFF;
    }

    Use instead:

    #social a {
      color: #FFFFFF;
    }
    #1294

    caronlad
    Participant

    Ah yes, I’d selected #FFFFFF as the Link Color in the Options section. That seems to have fixed it – thanks!

    #1296

    StartupWP
    Keymaster

    Great.

Viewing 16 posts - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.