Your cart is currently empty!
PrintsCharming:
Hey, I have stylished the blog entries with several changes that I keep in my own css. I won’t paste all the changes here, because I’m not 100% satisfied with the end result, I think I’ll keep tweaking it.
But you can check all the changes I’ve done, here:
http://exitopersonal.exitoblogs.com/wp-content/themes/epik/custom.css
Some stuff you might want to check:
1) This removes the entry footer, with the category and tags, since I deem this is not useful for my readers, and saves space:
.entry-footer {
display: none;
}
2) This one makes the entry meta show up besides the image instead of below:
/* Entry meta is shown at the side of the featured image
(removes "clear: both;" that makes it show below) */
.entry-meta {
clear: none;
}
I’m still tweaking the layout until I get one I’m 100% comfortable with.
I hope this is useful for you. See you around!
Thansk a lot Eric, I managed to use the info you provided to add back the box styling in my own custom.css.
That is, I added code instead of removing it (to keep my own css apart, and not modify epik’s css).
This is the code I added:
/* Stylize the home with the box items */
.home .entry {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
background: #fff;
}
Hello there Adam,
I think it’s the same problem I specify here:
https://appfinite.com/topic/blog-post-list-with-box-formatting/#post-14859
Eric was so kind as to answer me, he told me:
>>> Look in your css around line 2303 and either remove or comment out this code –
.home .entry {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background: none;
}
I haven’t fixed this yet in my website because what I want to do is to fix this in a different css (I have a custom.css apart from epik’s style.css because I want to keep my changes separate, in order to make clean updates for new epik releases).
If you want just to fix style.css please try Eric’s code above. If you too use an alternate CSS, I will publish my fix when it’s done.
Regards,
Miguel
Thanks for your kind response Eric.
Actually, I’ve gone live with the site and there’s something that’s puzzling me. Maybe you can give me a clue.
Site blog page, cute neat boxes with shadows:
http://www.exito-personal.com/blog
Site homepage, no boxes, no shadows:
The thing is that *both* should be the *same* page, the “/blog” page which is empty except for the usage of the genesis “Blog” template.
I suppose what happens is that by virtue of being the homepage, the classes are slightly different and thus my css matches one but not the other.
BTW, somehow the blog pages don’t work. You click on “2”, “3”, “Next Page” etc and it shows the first page again. This happens just in the homepage. Weird…
It’s a pity I can’t edit posts in this forum, because I basically have it figured out, at least the first part.
Got this nice boxed post entries for the blog page:
http://i.imgur.com/E63DlBu.jpg
So far so good. One thing that would be cool to do is include this on the homepage, so I could put some stuff above and below it.
I don’t know if it’d be easier to style the homepage like this, or to create a custom template based on genesis ‘blog’ and add some areas there.
From now on it’s kind of an open-ended question, any idea would be appreciated.
Best regards,
OK, I found out that there’s a “Blog” template and that it comes from Genesis. I think that (if I can style it properly) this solves question #1 above.
Thanks kronos, the first code on that page worked nicely.
Loading my css this way has also allowed me to override the skin colors, so I have my custom colors already, so that’s another task done.
Best regards!
Thanks for the answer, kronos. I’m not sure if I understood this (sorry).
If I create a custom css, and I import it from epik’s style.css, I have to set the “@import custom.css” at the beginning, and thus my modifications are overriden by epik’s css.
I have tried moving the original epik’s css to another css and importing it, but it doesn’t seem to work well, somehow it seems to lose all layout information.