Some designs changes for forever theme

  • Unknown's avatar
    sandraelhage · Member ·

    Hello,
    I am trying to make my blog more appealing. Any tips??

    Also, I have 3 questions:

    1) If I pick a theme from wordpress.org, is it the same as when I use wordpress.com?

    2) If I want to change the Homepage to being more structures i.e. Instead of having posts back to back all categories together, I will have subsections where everytime I publish a new post for a different category, it will be added in this category on the home page.

    3) My Blog is health awareness, could there be any other theme than the one I am using that is more responsive?

    Thanks

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

  • Unknown's avatar
    sandraelhage · Member ·

    Also, How can I remove the long list of tags after each post?

  • Unknown's avatar
    timethief · Member ·

    1) If I pick a theme from wordpress.org, is it the same as when I use wordpress.com?

    NO.
    The only themes we can use on WordPress.com hosted blogs are licensed and adapted to run on our multiuser software the themes are found here http://wordpress.com/themes/ and in your dashboard at > Appearance > Themes
    See: http://en.support.wordpress.com/themes/adding-new-themes/

    WordPress.COM and WordPress.ORG are completely separate and have different username accounts, logins, features, run different versions of some themes with the same names, and have separate support documentation and separate support forums. Read the differences here http://en.support.wordpress.com/com-vs-org/

  • Unknown's avatar
    timethief · Member ·

    2) If I want to change the Homepage to being more structures i.e. Instead of having posts back to back all categories together, I will have subsections where everytime I publish a new post for a different category, it will be added in this category on the home page.

    This is a one or the other situation. You have two choices on any blog
    (1) All posts on the front page.
    (2) A static front page http://en.support.wordpress.com/pages/front-page/ and all posts on a different page.

    By default the front page of a blog displays all published posts in reverse chronological order with the most recently published post on top. When we publish a post on WordPress software the software automatically creates the same entry in the Archives, and on the dynamic (automatically updating) Categories and Tags pages in accord with the Categories and Tags we assign to that post.

    So when we create custom menu and add the dynamic (automatically updating) category pages to that custom menu we create the appearance (not the reality) of posting to more than one page.

    You need to be aware that:

    1. There are differences between posts and pages described here
    https://en.support.wordpress.com/post-vs-page/

    2. There are differences between static pages we bloggers create https://en.support.wordpress.com/pages/ that will not automatically update, and dynamic category pages created by the software when you publish a post which will automatically update https://en.support.wordpress.com/category-pages/.

    3. We organize posts by category assignment prior to publication. http://en.support.wordpress.com/posts/categories/ and when we publish posts the dynamic category pages they automatically display on are determined by the categories we assign to them.

    So the process you need to use is:

    a. Assign Categories to your Posts. https://en.support.wordpress.com/posts/categories

    b. Create a custom menu https://en.support.wordpress.com/menus/#1-create-a-custom-menu

    c. Add only the dynamic category page links into the custom menu that you want to appear in that menu https://en.support.wordpress.com/menus/view-all/#adding-category-pages and arrange them as you wish them to appear https://en.support.wordpress.com/menus/view-all/#changing-the-order-creating-sub-menus

    d. Create pages and sub-pages for static content, not for posts https://en.support.wordpress.com/pages/

    e. Add any custom links and other items like static pages and sub-pages into your custom menu
    https://en.support.wordpress.com/menus/view-all/#adding-custom-links https://en.support.wordpress.com/menus/view-all/#adding-pages
    and arrange them as you wish them to appear https://en.support.wordpress.com/menus/view-all/#changing-the-order-creating-sub-menus

  • Unknown's avatar
    timethief · Member ·

    3) My Blog is health awareness, could there be any other theme than the one I am using that is more responsive?

    The mobile ready theme is a default theme and a completely different theme that you do not need to enable at all, if your theme is listed as a responsive layout theme here https://theme.wordpress.com/themes/features/responsive-layout/ Its’ provided for those who run older themes that aren’t the gold standard which is responsive layout.

  • Unknown's avatar
    timethief · Member ·

    Also, How can I remove the long list of tags after each post?

    I do not help with CSS editing. Please be patient while waiting for another Volunteer or Staff to assist you with that.

  • Unknown's avatar
    sandraelhage · Member ·

    Ok thank you for your help!
    I did not succeed in creating the static page the way I want that displays some chosen categories and recent posts for each one.

    One more thing: Can I add a second menu list that is not on the sidebar?

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, other than the menu widget in the sidebar you have one primary menu at top. I notice that you have created a Custom Menu. You can have that appear at the top of your site by choosing “Primary Menu” from the Menu Settings at the bottom of Appearance > Menu and then save the menu.

    For set up of your home page, I suggest looking at the A Dramatic Personalized Home Page section on the Forever Theme Showcase page for options. You can choose to highlight posts in the Post Slider on the main page by setting those posts as Sticky Posts. In addition, your four latest post will show across the content area, with featured images, below the slider.

    If you are looking to highlight posts from certain categories, you may wish to review some of the excellent Magazine style themes we have here at WordPress.com. Some of them allow you to highlight, or list posts from chosen categories. There are 18 Free and 47 Premium.

  • Unknown's avatar
    sandraelhage · Member ·

    Thanks thesacredpath. Can i have 2 menus instead of 1 at the top?

    Can I have my page full width (along with the slider pics) like for the publication theme? I mean I loved the publication theme, the only thing is that it does not feature a slider.

  • Unknown's avatar
    thesacredpath · Member ·

    There is only one menu location at the top, but you can put as many menu items in it as you wish, and you can of course use submenus as well if you have a lot of items to put at the top. There is sort of limited space up there and if you get too many, they will flow onto a second line, so you have to use your best judgement.

    If you have page specific menu items, you can always use Menu Widgets in the sidebar and create multiple menus for them and then use the Widget Visibility feature to set which page which widget appears on.

  • Unknown's avatar
    sandraelhage · Member ·

    Thanks thesacredpath
    I still have a question what is the CSS code to make my page as wider as possible?

  • Unknown's avatar
    sandraelhage · Member ·

    Also, I am trying to remove the tags at the end of each post on my homepage.

    I tried .portfolios.list article .entry-summary .entry-meta {
    display: none !important;
    }

    but it didnt work
    plz help

  • Unknown's avatar
    thesacredpath · Member ·

    On widening the site, the one thing to keep in mind is that for maximum readability, it is best to keep text based content around 500 to 750px. Wider than that and it becomes more difficult for people to read. The following adjust the overall width of your site from 960px to 1160px and increases the content width from 560px to 760px. It also adjusts the slider at the top so that it covers the entire area. 

    #page {
    width: 1160px;
}
#featured-content {
    min-height: 430px;
}
.featured-post {
    height: 100%;
    width: 100%;
}
#featured-content img {
    height: auto;
    width: 100%;
}
#content {
    max-width: 760px;
}

    The code you reference above was for hiding the tags on a portfolio list on a different theme. Since CSS is theme specific, and since these are posts instead of Portfolio items, the CSS selector needs to be different. Add the following to hid the tags at the bottom of your posts. 

    .hentry footer.entry-meta {
    display: none;
}

    I notice you are using a log of tags, and I’ll offer up this Support document for a quick read, in particular the Frequently Asked Questions on tags and categories.

    Assigning too many tags to posts can have the opposite effect from what a person intends.

  • Unknown's avatar
    sandraelhage · Member ·

    Thanks so much!!! That worked out perfectly!!!!
    Sorry I am asking too many questions, but i really have no clue about CSS!

    Regarding the posts that are back to back on the homepage. How can I decrease the large space, and emptiness between title, picture then text?? Do you advice to add the text next to each picture or have the picture bigger size? The one you think is better, what is its CSS code?
    Thanks

  • Unknown's avatar
    sandraelhage · Member ·

    1) how can I state the category of each post on homepage above the title in small letters and below the category a line?

    2) Can I make my man blog title 3D and blue metallic color??

  • Unknown's avatar
    thesacredpath · Member ·

    On the spacing below title and below the image, add the following. 

    .entry-header .entry-meta {
    padding-bottom: 0;
}
.entry-thumb {
    margin-bottom: 0;
}

    To have the categories visible and at the top above the post titles, change this rule I had give previously 

    .hentry footer.entry-meta {
    display: none;
}

    to this 

    .hentry footer.entry-meta .tag-links {
    display: none;
}

    and then add this 

    .hentry footer.entry-meta .cat-links {
    position: absolute;
    top: 0;
}
.hentry .entry-title {
    padding-top: 40px;
}

    On the blog title, the best we can do is to add a text shadow with the following CSS. 

    #page #site-title a {
    text-shadow: 2px 2px 3px #333;
}

    There really isn’t a “metallic blue” in web colors. We could make it much brighter as in this example.. 

    #page #site-title a {
    color: #1100ff;
}

    You can research colors and edit the above as desired.

  • Unknown's avatar
    sandraelhage · Member ·

    thank you !!!!

  • Unknown's avatar
    sandraelhage · Member ·

    I am trying to make the section between lines that is below the slider but above the 4 columns of articles all black touching the background from both sides.
    What is the code I need and I want to make the sentence “Your Health. Your right. Take power” in white color and bold…

    I used
    #featured-content + #description, #feature-slider + #description {
    border-top: 3px double #eee;
    padding-top: 3.23em;
    background-color: #000;
    color: #fff;}

  • Unknown's avatar
    sandraelhage · Member ·

    How can I have the Search box next to the search word on the sidebar?

    How can I decrease the space between each widget on the sidebar?

    How Can I decrease the space between the line at the bottom of the 4 columns articles and the first line of what comes next (main discussion area and sidemenu) first article and “ask Dr Sandra/contact dr sandra/trips” ?

    How can I decrease the space on sidebar first widget, secondary menu between the different tabs of the menu (Ask, contact, trips)

    Thanks and sorry for all the questions

  • Unknown's avatar
    thesacredpath · Member ·

    For the text in the black band add this to change the color to white. The font you are using is pretty bold, so I didn’t add a bold font weight to it, and I also spaced the letters out a bit since it looked a bit tight. 

    .wf-active #site-description {
    color: #fff;
    letter-spacing: 0.5px;
}

    On the search box, I’m seeing the search widget in your sidebar. The “Search” above the search field is the menu title. Are you wanting the box beside the title?

    On the spacing between widgets, add the following and adjust as desired. 

    #secondary .widget {
    margin-bottom: 1.615em;
}
1 2
  • The topic ‘Some designs changes for forever theme’ is closed to new replies.