Selecta Theme – Custom Design Query.

  • Unknown's avatar
    phendrena · Member ·

    Hi,

    Theme: Selecta by Obox
    Blog: http://retrovgm.wordpress.com

    I have now purchased the Custom Design upgrade but I have a couple of questions.

    1) The Selecta theme places a featured post slider above the latest posts. Using the custom design upgrade would I be able to swap them around so that the latest posts appears above the featured/sticky posts?

    2) The featured posts slider also lacks anything to indicate that these are stickied/featured so would I be able to also add some descriptive text such as ‘featured posts’ above the slider similar to the ‘latest posts’ text?

    Thanks,

    Dave

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    phendrena · Member ·

    actually, i’m not that good with CSS anyway and I don’t think i’ll be able to get the results i need just by fiddling with the CSS so i’m going to drop the Custom Design upgrade for now.

  • Unknown's avatar
    designsimply · Member ·

    Sorry to hear Custom Design didn’t work out for you this time around. If there’s anything I can do to help you in the future, please let me know.

    Here are the answers to your questions from earlier:

    1) The Selecta theme places a featured post slider above the latest posts. Using the custom design upgrade would I be able to swap them around so that the latest posts appears above the featured/sticky posts?

    To move latest posts above featured posts in the Selecta theme, try this:

    body {
position: relative;
width: 980px;
margin: 0 auto;
}

#latest-posts-container {
display: block;
position: absolute;
top: 283px;
left: 0;
border: none;
}

#featured-posts-container {
margin-top: 343px;
padding-top: 0;
border: none;
background: transparent;
}

    2) The featured posts slider also lacks anything to indicate that these are stickied/featured so would I be able to also add some descriptive text such as ‘featured posts’ above the slider similar to the ‘latest posts’ text?

    You can add a Featured Post label to the featured posts in Selecta like this:

    .featured-post-content .entry h2 {
padding-top: 1em;
}

.featured-post-content .entry h2:before {
content: "Featured Post";
position: absolute;
margin-top: -1.6em;
font-size: .6em;
.featured-post-content .entry h2 {
clear: both;
}
  • Unknown's avatar
    phendrena · Member ·

    Hi,

    Thanks for replying to my query.
    I’ve copied and pasted the CSS and indeed it does move the Latest Posts above the featured post slider – which is great but it moves the ‘latest posts’ into the actual header and the ‘Featured Post’ text doesn’t appear as I would like it too appear.

    If you compare the two screen grabs below you can see what I mean:

    Picture 1 – Custom CSS

    Picture 2 – No CSS

    I would like the ‘Featured Posts’ text to appear in the same way that the ‘Latest Posts’ text is normally displayed.

    If these problems could be fixed I’d be extremely tempted to reconsider the Custom Upgrade option.

    Thanks,

    Dave

  • Unknown's avatar
    designsimply · Member ·

    You can make those kinds of adjustments yourself by modifying the example from above. I’ll provide some examples for you. First, remove this part so there’s not extra spacing above the title:

    .featured-post-content .entry h2 {
padding-top: 1em;
}

    Next, adjust the left and top margin numbers and change the color and size of the “Featured Post” title until it looks how you want. Here’s an example to get you started:

    .featured-post-content .entry h2:before {
content: "Featured Post";
position: absolute;
margin-left: -20px;
margin-top: -100px;
font-size: 30px;
color: white;
}
  • The topic ‘Selecta Theme – Custom Design Query.’ is closed to new replies.