Tagged: header text, logo, menu
- This topic has 48 replies, 14 voices, and was last updated 8 years, 1 month ago by Sakin.
-
AuthorPosts
-
March 30, 2013 at 4:23 am #6167igudgerParticipant
I can’t figure out how to get my logo to go next to the header text. Any suggestions?
Thanks,
Ian
March 31, 2013 at 9:14 am #6204SakinKeymaster@igudger: Sorry I don’t seem to understand your question properly. As you have kept the header image/logo properly. How can I help you with it.
April 1, 2013 at 4:24 am #6223igudgerParticipantHey Sakin, I didn’t know how long it would take to respond, So I tried something else entirely. I made a logo with with the graphic and text as one image and then uploaded. It works great. The problem was I was trying to use a logo graphic and the normal Title text (that normally shows up in the header area) and was trying to get them to sit next to each other. That didn’t work. I hope this makes sense. Great theme by the way and I appreciate the support and quick response. You guys rock. Thanks.
April 2, 2013 at 12:42 am #6278SakinKeymaster@igudger: The response time depends on the number of support ticket. I have to answer all the support forum. Sorry for the delay.
Just add the following CSS in “Custom CSS” box in Theme Options panel.
#site-logo { display: inline; float: left; }
hgroup.with-logo { clear: none; display: inline; float: left; margin-left: 10px; }
But the tweak that you did with your header image in excellent.
April 2, 2013 at 2:52 am #6288igudgerParticipantThanks for the info. Really appreciate it.
August 6, 2013 at 4:13 am #12791jsilverParticipantI’m trying to simply align the description centered under the logo.
The code you suggested doesn’t seem to change the default behavior. I have the description enabled but not the title.
Thanks for your help on this.
August 6, 2013 at 10:34 am #12798August 6, 2013 at 11:12 am #12799jsilverParticipantThe site is still a work in progress. I’ve made a couple of pages private so you can view them: http://arokis.gogirosites.com/
You can see that the description is appearing to the right of the logo. I want it to display below the logo.
August 6, 2013 at 11:12 am #12800jsilverParticipantSorry – meant to say made a couple of pages public.
August 6, 2013 at 7:19 pm #12811SakinKeymaster@jsilver: You can add the following css in “Appearance => Theme Options => Custom CSS” box.
#site-details { clear: both; padding: 0 0 0 31px; }
August 7, 2013 at 8:47 am #12840jsilverParticipantThanks @Sakin. Works great!
September 14, 2013 at 1:13 am #14523kat22MemberI tried all I have read in the forums, but nothing worked. I would like to have the logo, site title + tagline and FB + Twitter + search lined out in the header. Could you please advise? http://www.katrien123.nl
September 14, 2013 at 9:06 pm #14533SakinKeymaster@kat22: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#hgroup.with-logo { clear: none; display: inline; float: left; padding-left: 10px; }
September 15, 2013 at 1:02 am #14544kat22MemberThanks for your help Sakin, unfortunately it didn’t work out. I have added the CSS, but the site title + tagline are still placed lower then the logo and FB + Twitter icons. Did I do anything wrong?
September 15, 2013 at 1:42 am #14546kat22MemberI added the following CSS:
#site-logo {
display: inline;
float: right;
}
#hgroup.with-logo {
clear: none;
display: inline;
float: left;
}And this worked out. I would like to have some more space between logo and site title and less ‘white’ above and below. Do you have tips?
September 15, 2013 at 6:16 am #14553kat22MemberI found out how to reduce the space underneath and above the site title, but I didn’t find out yet how to get more space between logo and site title. Hopefully you can advice.
Another question is how I can make the site title smaller, so the favicons and search fits beside it.Thanks for your help again!
September 15, 2013 at 11:47 pm #14570SakinKeymaster@kat22: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
@media screen and (max-width: 1000px) { #site-title { font-size: 30px; } } #hgroup { padding-left: 20px; }
September 17, 2013 at 5:26 am #14655kat22MemberThanks! It worked out.
October 21, 2013 at 1:59 am #16138basakMemberHello, on my website http://www.viranatura.com
i would like to add text to the right of the logo in the header area.
Can you help me with the CSS coding?October 21, 2013 at 2:37 am #16144SakinKeymaster@basak: It’s not possible to add text with CSS. You need to build child theme and then edit the code which is technical and will require you to hire a customizer. But for simple solution, you can just upgrade to Catch Everest Pro version, where you can just add widgets in Header Right Sidebar http://catchthemes.com/themes/catch-everest-pro
-
AuthorPosts
- The topic ‘Getting the logo in alignment with header text’ is closed to new replies.