Home › Forum › Customization › Add text at right of header
Tagged: customize header
This topic contains 15 replies, has 2 voices, and was last updated by StartupWP 5 years, 3 months ago.
- AuthorPosts
- December 8, 2013 at 12:29 PM #1267
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
December 8, 2013 at 12:36 PM #1268The pro version actually already has that exact feature built in:
December 8, 2013 at 11:03 PM #1269Actually 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
December 9, 2013 at 11:02 AM #1270From 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
December 9, 2013 at 12:02 PM #1271Brilliant – thanks!
John
December 9, 2013 at 10:05 PM #1272Another query about those Custom Contact details – is it possible to change the font and colour of the text in that area please?
Thanks!
John
December 10, 2013 at 11:21 AM #1273Absolutely.
#social, #social a { font-family: arial, sans-serif; font-size: 18px; }
December 10, 2013 at 10:17 PM #1274Yes, that does it! Many thanks!
John
December 10, 2013 at 10:48 PM #1275The 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
December 11, 2013 at 10:04 AM #1276You 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; }
December 11, 2013 at 10:58 AM #1277Thanks; 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
December 11, 2013 at 8:48 PM #1279What’s the link to your site please?
December 12, 2013 at 4:19 AM #1286http://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
December 12, 2013 at 10:09 AM #1290This is because you’ve added or set somewhere:
a { color: #FFFFFF; }
Use instead:
#social a { color: #FFFFFF; }
December 13, 2013 at 3:01 AM #1294Ah yes, I’d selected #FFFFFF as the Link Color in the Options section. That seems to have fixed it – thanks!
December 13, 2013 at 2:42 PM #1296Great.
- AuthorPosts
You must be logged in to reply to this topic.