Couple of layout questions
-
AuthorPosts
-
michaelruiter
MemberHi,
I’m just getting our blog setup and have a few design questions:
1) can I increase the logo size (would prefer if it ran full width and above all other content)?
2) can the social media icons on the top right be tailored? We got some made for our main blog (sosuperawesome.com) and would like to use these here too.
3) how do I stop the entry date to appear on the blog entries (the toggle switch doesn’t seem to make the date disappear)
4) how do I get the centre column content to line-up (top) with titles from the sidebars and how can I get the title from the centre column to be twice as big as the sidebars titles?
Many thanks for your help – I can see other post in this forum have been brilliantly answered and hope you can help me too :-)
Mike
The blog I need help with is: (visible only to logged in users)
andyupthemes
Theme AuthorHi Mike
For #1, the logo size is set to fit the design. You could add some custom CSS to alter it’s appearance, but you will always be limited by the size of the file so it will need to be a big image. You could try adding:
.site-logo, .site-logo img { max-height: none !important; }
Doing this will surely impact the appearance on mobile devices so you’ll also need to make more adjustments for those smaller screen sizes.
There isn’t a way to change the icons for the social links on the top right. In an effort to make the theme simple and easy to use we build in the automated recognition of social URL’s to add the proper images automatically. What you’re wanting would require an additional function to have users select their own images, uploading them or otherwise creating the graphic and that really makes it not all that “easy” anymore.
I totally get where you’re coming from. One thing you might be able to do is some advanced CSS to hide the icon and insert your own with a “content” attribute on the element but that’s a bit beyond the kind of help we can give since it’s sort of bordering on custom development and design.
To hide the date posted use:
.posted-on { display: none !important; }
The alignment is not exactly at the top because the date and hidden meta data is intended to be in that location. Since you’re not wanting that you can do the following CSS to move the title to the first line.
.entry-meta { display: none; }
You can change the font size of the title with
.entry-title { font-size: 3rem; }
Thanks!
- The topic ‘Couple of layout questions’ is closed to new replies.