Tagged: header
- This topic has 47 replies, 7 voices, and was last updated 10 years, 10 months ago by Sakin.
-
AuthorPosts
-
May 3, 2013 at 6:14 pm #8369paulinepkehoeMember
This option is listed as a feature yet I don’t see any way to move my logo up, etc. Please advise, thanks.
“Additional Features in Catch Everest Pro Version:
Header Options: Additional option to move Site title and logo position up and down as per your need”May 4, 2013 at 9:36 am #8415SakinKeymaster@paulinepkehoe: Which version of Catch Everest are you using it? If you are using latest version then you can move the logo up and down though “Appearance => Theme Options => Header Options => Move Site Title and Description”
May 4, 2013 at 5:43 pm #8442paulinepkehoeMemberHi, Moving the site “title and description” was not what I was hoping to do. However, I did click this to see what would happen and nothing appeared to shift.
I was hoping to take about some white space around my logo/header.
Thanks
May 4, 2013 at 6:05 pm #8443SakinKeymaster@paulinepkehoe: That is option that I told you is when you have Site Title, Tagline and Header Image.
To reduce the space around the header/logo you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
@media screen and (min-width: 1060px) {
/* Top padding */
#site-logo { padding-top: 50px; }
/* Left, right and bottom padding */
#hgroup-wrap { padding-left: 50px; padding-right: 50px; padding-bottom: 50px; } }May 4, 2013 at 10:52 pm #8456paulinepkehoeMemberok, thanks
May 20, 2013 at 7:53 pm #9211jihn_1MemberHello Sakin,
How can I put the Site Title at the right side of logo?
I hope you can help me…
Thanks.
May 20, 2013 at 7:57 pm #9212jihn_1MemberSorry! I forgot this!
May 21, 2013 at 12:43 am #9219SakinKeymaster@jihn_1: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#site-logo, hgroup.with-logo { clear: none; display: inline; float: left; }
May 21, 2013 at 1:27 am #9226jihn_1MemberThank you Sakin!
It worked!
Now I just want to center the text (put it a little bit up)and also move it to the right.
Could you please help to with it?Thanks in advance!
May 21, 2013 at 1:34 am #9227SakinKeymaster@jihn_1: Try in the following css.
hgroup.with-logo { padding-left: 10px; padding-top: 24px; }
December 20, 2013 at 10:04 pm #18471MarkusMemberHi Sakin, I have a similar question. How can I move my logo the very left corner of the header? Here my site: http://www.fhfn.org
December 20, 2013 at 11:21 pm #18477SakinKeymaster@Markus: I see that you are using Custom Header Image from “Appearance => Header”. For logo, it is recommended to use Logo from “Appearance => Theme Options => Header Options” and upload the image in “Logo url” and check “Disable Header Logo”.
For Custom header to make it on left, you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#branding img { float: left; }
December 21, 2013 at 6:02 am #18490MarkusMemberThank you so much, Sakin, It worked. Can you take another look at the page: http://www.fhfn.org The social share buttons are now off after I moved the logo to the left. How can the social share buttons be moved to the right corner of the header?
Also, I would like to remove the outside border of the Facebook box beside the slider and for all posts.
Markus
December 21, 2013 at 7:06 am #18491MarkusMemberAlso I would like to center the text in the footer editor section. How can I do that?
December 21, 2013 at 9:25 am #18498SakinKeymaster@Markus: Sorry you are going wrong way. If you want your logo to be at the left and social icons to the right then. Please follow the guideline as below:
1. You need to remove your logo from “Appearance => Header” as this is place for featured image.
2. Then add your logo from “Appearance => Theme Options => Header Options” and upload the image in “Logo url” and uncheck “Disable Header Logo”
3. Then you add you move your social icons from Header Top Sidebar to Header Right Sidebar.You can center your text in Footer editor section by adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.
#site-generator .wrapper em { display: block; text-align: center; }
December 21, 2013 at 9:06 pm #18510MarkusMemberThank you Sakin. Let me tell you, so far the money I spent on the theme is worth it given your service.
I made the changes. The header logo is now to the left and I set top and bottom margin to 0.00, but there is still too much white space, especially between the logo and the slider. How can I reduce that space?
Putting the footer text in the center worked. However, there seems to be an issue with adding links to the footer. When I enter the link and click on add link, the tab doesn’t respond and the link is not added. Can you fix this? Again, my page is http://www.fhfn.org
Markus
December 21, 2013 at 9:44 pm #18511MarkusMemberI tried this: #hgroup-wrap { padding: 0; }, but the space between the slider and the logo is still the same. I need to move the slider and the Facebook box located beside the slider up…
December 21, 2013 at 10:36 pm #18512SakinKeymaster@Markus: You need to mode your social icons form Header top sidebar to header right sidebar. Then to remove the space between the logo and the slider you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header-content { padding-bottom: 0; } .home #main { padding-top: 0; }
After that you will have just a small gap as your logo has white space. See your logo http://www.fhfn.org/wp-content/uploads/2013/12/logo5.png
December 21, 2013 at 11:34 pm #18516MarkusMemberThank you. It worked. I still can’t add links to the bottom footer in Footer Editor Option. I am following all the steps. When clicking on Add Link, nothing happens.
December 21, 2013 at 11:37 pm #18517SakinKeymaster@Markus: Can you send me the code that you have added in. You can add your code in https://gist.github.com/ and send me the link
-
AuthorPosts
- The topic ‘Header Options: Additional option to move logo position up and do’ is closed to new replies.