Triton Theme: Nav Menu, Post Summary, Follow Button

rsarajane · Member · Apr 20, 2013 at 9:10 pm
Copy link

Add topic to favorites
I’ve purchased the Custom CSS bundle and am using the Triton Theme for my website http://www.sarajanerin.com. So far so good with what I’ve done on my own, however I need some help with a few things:

1. Centering top Navigation Bar
2. Removing Comment Count (on home and category archives) when you hover over post images.
– I’ve tried multiple codes from other forums, but haven’t succeeded.
3. Remove Gray Background Behind Date (on home and category archives)
– I’ve removed the post date however, the gray background where the date used to be, still appears when you hover over post images.
4. Remove Post Summary
– I’ve been reading on how to do so with PHP coding, but I don’t know where that option is, if there even is an option. Is there a way with CSS? If not can I at least shorten the length of the summary?
5. Styling the “Follow Button” to match color palette of site?

-SJ

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Apr 20, 2013 at 9:51 pm
Copy link
1. This will center the menu, but do note that if your menu grows and goes to two lines, the centering will fail and it will default back to left alignment (or may go flakey).
```
.menu-photography-container {
    text-align: center;
}

.menu {
    display: inline-block;
}
```
2. Try this:
```
.lay1 > div .block-comm .comments {
    display: none;
}
```
3. You seem to have gotten this one figured out.

4. This will get rid of the text, but there is an issue. The vertical dimension for each post on the main page is based on the image + title + excerpt and is determined in the PHP script files, so there isn’t any way to tighten up and recover that white space.
```
.lay1 > div p {
display: none;
}
```
5. This is all the CSS for the follow button, but I would be very careful with this. Staff are sort of touchy on restyling of these sorts of elements in the site page because everyone that comes to a WordPress.com blog is expecting the follow button to be in the same place and of the same colors as they are used to seeing. I would verify redesign of this is ok before proceeding.
```
#bit a.bsub {
    background-color: #464646;
    background-image: -moz-linear-gradient(center bottom , #3F3F3F, #464646 5px);
    border: 0 none;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
    color: #CCCCCC;
    display: block;
    float: right;
    font: 13px/28px "Helvetica Neue",sans-serif;
    letter-spacing: normal;
    outline-style: none;
    outline-width: 0;
    overflow: hidden;
    padding: 0 10px 0 8px;
    text-decoration: none !important;
    text-shadow: 0 -1px 0 #444444;
}
```
rsarajane · Member · Apr 20, 2013 at 10:42 pm
Copy link
Thank you so much!! Your notes for 1 and 2 worked great.

3. It is still present on some of the posts, but not all. On my website site, if you hover over the third image for “caivano residence,” you see a small strip of the gray background color (upper right corner). It appears as a small strip because the date isn’t there anymore. For example, when the date was there, the strip length would stretch to fit the length of the text for the date. Is there a way to remove that strip of gray on the homepage and category archives?

4. I see what you mean. Is there a way to lessen the word count of what is visibly in the summary? However, the problem of the spacing will still occur right?

5. I’ll verify with staff on this coding before hand.

– SJ
thesacredpath · Member · Apr 21, 2013 at 1:21 am
Copy link
3. Add this to get rid of the grey box:
```
.lay1 > div .date-meta {
background: none;
}
```
thesacredpath · Member · Apr 21, 2013 at 1:24 am
Copy link
4. The number of words in set in the theme PHP files, so there isn’t anything you can do about it.
rsarajane · Member · Apr 21, 2013 at 8:13 pm
Copy link
Thank you for all your help!
thesacredpath · Member · Apr 21, 2013 at 9:16 pm
Copy link
You are welcome.

No items found.