Home › Forums › Theme Support › MyUniversity › General final doubts about some things in my template

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 3, 2015 at 8:33 pm #5916
    pedrocsramos

    Hello,

    I’ve been getting happier and happier with the theme and so far I’m quite satisfied with it, for which I’d like to congratulate you!

    I’m currently on the final stretch when it comes to designing my future website, for which I have many (perhaps) final doubts, for which I’d like your answers, preferably detailed and conclusive, so I can finish this as early as possible 🙂 (this includes telling me alternative codes, for example, since I’m not very skilled but I know some basics on how to edit the files that are currently composing WordPress, its plugins and themes)

    1) Your whole template uses Font Awesome as the main font, correct? Unfortunately, I don’t have Font Awesome available on my install (http://i.imgur.com/nY8LKCt.png and http://i.imgur.com/Pt3VwIw.png). How can I use it, then, in order to have a similar website to yours when it comes to typography?

    2) Every word included in the menu item is capitalized. How can I prevent this? As you can see in this example (http://i.imgur.com/cooVJYW.png), in the backend I wrote “Fisica e Quimica A” but here it shows up as “Fisica E Quimica A”.

    3) One of the main reasons I chose your template over other options was the possibility of creating menus with three columns, which I think you call mega menus (http://i.imgur.com/NZtNh7v.png). I wanted these menus so I could put a big number of items in three columns, instead of having one huge column. Independently of their position regarding row or column in the mega menu, for me all items should have the same importance. However, when viewing my mega menu on a smartphone, it seems like the first row items are shown as being second level, and only after clicking on one of those items the items in the remaining rows are shown (as if they were third level items). How can I turn all items into second level items in a smartphone view, but still keep it showing the same way on a PC?

    4) Would it be possible for the last first level item in the header menu to open to the left instead of opening to the right? I’m asking this because when I open that last item on my tablet, it has to “create” more space to the right of the actual website, which kind of spoils the design and the responsiveness of the template (http://i.imgur.com/e0ZcUGs.png).

    5) Throughout the template, namely when it comes to the footer and to the sidebar, some words in title seem to be randomly turned bold whereas with other words it doesn’t happen (http://i.imgur.com/xSSMzET.png). I’d like to know how can I choose which words do I want to be bold? If it’s a two stage process (first deleting what’s making some words bold and then giving me the power of choice), how can I do both of these stages?

    6) This question is not much of a question requiring your support but more of a huge favor for which I’d be extremely grateful to you. How can I change the code in your recent posts widget (recent-posts.php) so I show the last updated posts and not the last created posts? From what I could read in WordPress Codex, I understood there is a way to do this, but I haven’t been able to achieve the result, and I’d love if you could help me with this one (well, with all of them, but you get the idea :D).

    7) When it comes to the search bar that goes on the sidebar, I really like it a lot, and I like the fact that it does not have an enter button, though clicking on the left side of the bar works like an enter button. However, this is not working exactly right. If I click around the glass the search happens (http://i.imgur.com/8zjXeWN.png and http://i.imgur.com/SXqgNxv.png), but if I click on the glass nothing happens (http://i.imgur.com/wFKUxag.png). I would like to know how can I fix this and have the glass as an “enter button” like it happens around it.

    8) On the contact form, in the message box, the height of all rows besides the first one is too big in my opinion (http://i.imgur.com/q94BGEZ.png). How can I decrease it?

    9) Still on the contact form, how can I decrease the height of the message box? (http://i.imgur.com/nkbppkx.png)

    Thank you in advance, and please let me know if you would need an account for my website in order to check some of these issues, since the website right now is set to be login only.

    May 4, 2015 at 1:27 pm #5919
    skat

    Hi there,

    1. The FontAwesome font is just a font for displaying icons not the text content of the site. For text you can choose all the Google fonts from the theme options page.

    2. You can add this in the theme options > Styling > Custom CSS box:

    .sf-menu li li {
    text-transform: none;
}

    3. Unfortunately this is the only way of displaying the mobile mega menu with the current script.

    4. You can add this in the same “Custom CSS” box and see how it goes:

    .sf-menu li:last-child .sub-menu {
    left: auto;
    right: 0;
}

    5. This happens for the last word in the title and only on titles with more than 2 words. It is automatically done and you cannot choose which word will be changed.

    6. Try this (not that I did not test it):

    Edit the file named “recent-posts.php” and replace line 41, this:

    $sd_recent_posts->query( 'showposts='.$instance['postcount'].'' );

    with this:

    $sd_recent_posts->query( 'showposts='.$instance['postcount'].'&orderby=modified' );

    7. Add this to the “Custom CSS” box:

    .sd-search-sumbit {
    position: relative;
    z-index: 2;
}

    8. In the “Custom CSS” box paste this:

    .wpcf7-textarea {
    height: 220px;
    line-height: 20px;
}

    Adjust the 20px as needed.

    9. See #8 height and adjust as needed.

    Cheers!
    Chris

    May 4, 2015 at 9:44 pm #5926
    pedrocsramos

    Hello again,

    Thanks a lot for your answers and dedication (as well as for your awesome response time)! Answers 2, 4, 6, 7, 8 and 9 were spot on!

    I still have a questions, related to item 1:

    Finally I understood what is indeed Font Awesome, and thank you for that! 🙂 That being said, as I previously mentioned, I love the font you use throughout your demo. Can you please tell me which font (as well as size and other characteristics found on the “Typography” page) you use for your demo? Or just screenshot it?

    Thanks in advance!

    May 4, 2015 at 11:17 pm #5927
    skat

    Hey,

    The font name is “Montserrat” and it is a free Google font.

    Here are the main attributes used in the theme:

    • size: 13px
    • line height: 20px
    • color: #93908d

    If you want to edit these settings (or other settings for every section of the theme) you’ll need to edit the file named “styles.css” from your WP editor. The file is commented so it should be easy to find everything you need.

    Cheers!

    May 12, 2015 at 2:54 pm #6019
    pedrocsramos

    Just for anyone who may check this thread in the future and use some of the information transmitted here, the font used is Lato and not Montserrat.

    May 12, 2015 at 3:43 pm #6021
    skat

    Yes, Lato it is. Sorry for the confusion. I think I was thinking about my other theme, Charity, which uses Montserrat, when I’ve posted the message.

    Sorry again.

    Cheers!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.