Goran theme appearance
-
Hi guys,
I recently changed my blog theme to the Goran free theme.
I have a few things that I can`t go around.
As you can see, in the middle of the header (or featured image) on each page, the name of the page appears. I would like to delete/hide that or, at least, enter a custom name/message there without changing the page`s name.Another thing that I would like to change are the pages (Research, Travel, Short stories) on the front page grid layout. Because they are on the Home page, I can`t write posts directly for them, but only enter a page description. I would like to have them as Child pages for the Blog section, but still have them appear in the grid layout of the Home page. Is this possible?
I have the Custom Design upgrade so, if you have a CSS code that can fix these two, I would be grateful.
My blog/site is http://codrinpo.com
P.S. I already contacted the theme developers, but got no answer yet.
Thanks in advance for any advice you might have.
The blog I need help with is: (visible only to logged in users)
-
Hi there, on the page titles on the header/featured image, add the following CSS to hide those:
.hero .page-title { visibility: hidden; }I’m not entirely sure I understand what you are wanting on the three modules on the main page. The modules on the main page show content of pages, not posts. You can use the Display Posts Shortcode to show a listing of posts on the child page, perhaps from a certain category, in the Short Stories, Travel and Research pages you have shown on your site main page. These will not show up on the main page of the site though, but will show on the child page. You can take a look at http://flippintestblog.com and you will see one module. If you click on the read more link, it will take you to a page with a listing of posts in the category “dreams” with excerpts.
Here is the display posts shortcode I used.
[display-posts category="dreams" posts_per_page="5" include_excerpt="true" wrapper="div"] -
Hi,
Thanks for the answer. The first shortcode for the header worked great.
But I can`t figure out how to use the second. How can I customize it to send my readers from “Read more” in a module to a list of posts in that category?
P.S.: the Flipping Test blog doesn`t work.
-
That second bit of code would be pasted into the Text tab on the page linked in one of the front page modules and then you would edit the category name (currently dreams in the code). The Read more link that exists in the module would take them to the page. In other works, the “Short Stories” read more link on the main page goes to the page called “Short Stories”. In that page, you would add the following code in the text tab
[display-posts category="dreams" posts_per_page="5" include_excerpt="true" wrapper="div"]and replace dreams with the category name for your short stories.
Sorry, my mistake on the link. It’s http://flippintestblog.com.
-
-
-
Hi!
I want to hide the page titles too, but I didn’t get where exactly I’m supposed to paste the CSS. Could you guys explain to me where in the code or the options does that go?
Actually, if I could edit that like regular text it would be better, but that’s probably asking too much.
Anyway, thanks!
-
Hi @indissociavel, to hide the page titles in Goran would require the Custom Design upgrade, which is still available to you as a separate upgrade at Store > Store in your dashboard since you registered your username before September of 2014.
-
-
Wait, is that even in wordpress.org? Cause I’m actually making a site with a different account and I can’t find the store in there.
-
@indissociavel, if you are using the WordPress.org software, then you don’t need the CSS upgrade. On WordPress.org, you can edit everything since it is your very own installation of the WordPress software.
If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.
Jetpack plugin
Child Themes
Child Theme creation plugins
Custom CSS pluginsThe support forum for WordPress.org installations is at http://wordpress.org/support/ and for any questions on your self-hosted install, you should post there since there.
There is also a forum for the Goran theme at WordPress.org, which you can post in here: https://wordpress.org/support/theme/goran .
-
-
-
I have a quick question: I am trying to set Featured Images for the pages on my blog. I know how to do that, it`s not a problem.
The problem is with their size. In the Goran theme description, it is mentioned that the size of a Featured Image for Pages are 1230 by 1230 pixels.
For some pages, the size of the picture I used is smaller. For this page, for example, it is 640 by 340: http://codrinpo.com/home/short-stories/It is displayed bigger than those where the picture used is 1230 by 1230 or bigger.
Help?!? What would a good size for these Featured Images be in order to have the display at a reasonable size?
Reasonable size means to see it when you enter the page and still be able to see something below like a title for an article or something.Thank you in advance :).
-
It looks like the featured images on pages are a set height in the Goran theme, so if you want to modify that, you can use the CSS editor (part of the paid plans on WordPress.com).
What would a good size for these Featured Images be in order to have the display at a reasonable size?
Sounds like by size you mean height, because it seems to me that making the width smaller would look funny.
Here is an example you can try out and adjust until it looks good to you:
@media screen and (min-width: 1230px) { body.hero-image.page-id-2458 .hero.with-featured-image { padding: 140px 0 !important; background-position: 0% 30%; } }The @media part means the CSS rule will only apply to screen sizes that are 1230px or larger. Related: http://en.support.wordpress.com/custom-design/custom-css-media-queries/
To learn more about how “background-position” works, see https://developer.mozilla.org/en-US/docs/Web/CSS/background-position
The “.page-id-2458” part of the selector means the CSS will apply to this page only: http://codrinpo.com/home/short-stories/ You can remove “.page-id-2458” to make it apply to all featured image headers or change it to “.page” to make it apply just to pages.
-
Hi Sheri,
I have the CSS plan so that was exactly what I needed. Thank you!
One more quick question: is there a way to have featured images/headers for categories?
P.S.: Love the photos on your blog :).
Codrin
-
is there a way to have featured images/headers for categories?
Featured images are set per post, and there is not a way to set one for a category. Sorry about that!
If it helps as an alternative, some themes will display the category description that you can add for a category in the Posts > Categories part of your dashboard. I tested it, and it looks like Goran will display a category description if you set them up.
-
Hello everybody, I’m new on wordpress and I use the Goran theme, but I don’t know if it’s possible to change the text at the “Read More” buttons. Any help with this?
-
That’s totally possible! No CSS required. You can do it by editing the more tag in the HTML (Text tab) view when editing a post.
Here’s how a customization would look in HTML:
<!--more But wait, there's more!-->This help page explains it all in a bit more detail:
http://en.support.wordpress.com/splitting-content/more-tag/You might also like:
- The topic ‘Goran theme appearance’ is closed to new replies.
WordPress.com Forums 