Community Forums › Forums › Archived Forums › General Discussion › How to use bigger header logo? News Pro Theme
Tagged: header, Logo, news pro theme
- This topic has 8 replies, 2 voices, and was last updated 9 years, 11 months ago by
Jan23.
-
AuthorPosts
-
February 16, 2016 at 12:54 pm #179160
Jan23
MemberHi,
i want to use a bigger logo in my News Pro Theme.
How can i use a logo with the size for example 400 x 180 size?
And not the standard 260 x 90 size.Thx a lot for your help!
Kind regards,
JanFebruary 16, 2016 at 2:34 pm #179181Christoph
MemberHi Jan,
you can change the image size in functions.php around line 42
Change the width and height.In style.css around line 1046 change the width of .title-area
and around line 1111 adjust the width of .site-header .widget-area
February 16, 2016 at 4:31 pm #179188Jan23
MemberThx a lot i did it finaly 🙂
But now the header logo is a little bit to high positioned.
I dont find the commands in the style.css to position the header logo a little bit under the position where it is now.And where can i change the size of the whole header?
Thx a lot for your help!
February 16, 2016 at 4:47 pm #179189Christoph
MemberGlad you got it working.
For the height of the logo, hard to tell without seeing the website. You can try adding margin-top or padding-top to .title-area or .site-title or .site-title a
For the width of the header, the width of all the content is defined in .site-container.
You can either increase the width of the whole website or if you only want to change the width of the header area, you'd have to remove the max-width from .site-container and add a (different) max-width to all elements you don't want to be "screen wide".
February 16, 2016 at 4:56 pm #179191Jan23
MemberThis reply has been marked as private.February 17, 2016 at 9:32 am #179239Christoph
MemberHi,
I cannot see replies marked as private; only you and moderators can.
February 17, 2016 at 11:18 am #179250Jan23
MemberHi,
oh ok. here ist a screenshot from the header of my site.
http://s.gullipics.com/image/6/x/7/37ssrq-l56rtq-2ky8/headerproblem.jpeg
i want to remove the red marked space of the header.... how can i "minimize" the header?
The result should be, that my logo is on the same hight as the search widget.I hope you understand my problem
Thx for your help!
February 17, 2016 at 11:28 am #179253Christoph
MemberThat looks like your header right widget area doesn't have "enough space" next to your logo.
Try reducing the width of .site-header .widget-area around line 1111 of the style.css
I can't give you more detailed information form an image.
February 18, 2016 at 6:28 am #179301Jan23
MemberI did it finaly.
Thx a lot for your help! -
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.