[joshbonanno]

Hey Pixel Wars,

Few quick things: Here’s my site

1. Can I change the menu items to Sentence Style? If so, how do I do this?
2. Can you verify that this code is correct to change the size of the Text Logo? (It worked, but I want it to be clean.)
.site-header .site-title {
font-size: 38px;
}

3. How do I change the theme tagline color? (Right now it’s gray.)

[ahmetsali]

Hi,

1-) i guess you have managed this.

2-) update your code as this to make it bigger only on large screens;

@media screen and (min-width: 992px) {
	.site-header .site-title {
               font-size: 38px;
        }
}

3-) try this custom css code;

.site-header .site-description {
    color: #333;
}

[joshbonanno]

Thanks bro. Works well!

Few other quick questions.

1. Recommend images sizes in portfolio?
2. Can I center portfolios on pages?
3. Can I re-order portfolio (sub-departments) in pages?
4.

[d_man]

For number 1. in your second set of questions:
http://www.pixelwars.org/forums/topic/image-sizes-what-pixel-width-height-best-for-this-theme/

[ahmetsali]

@joshbonanno

2-) sorry, it is not available by default.
3-) try changing creation dates of portfolio posts.

@d_man

thanks for the link.

[joshbonanno]

Thanks everyone. I fixed all my issues.

2 minor things:

1. I noticed that the social icons in the footer create gaps is this normal? See screenshot here. I am on 100% default viewing zoom in Chrome.

2. Can you verify that this code is correct to make fonts sentence style? I kind of hashed it together based off of other forum topics on here.


/* Resizes menu item text to Sentence Style */
.vs-nav li a {
font-size: 14px;
text-transform: none !important;
}


/* Resizes text headings */
h2,h3,h4,h5,h6 { text-transform: none !important; }


[ahmetsali]

@joshbonanno

1-) you can try this custom css code to reduce the gab between footer and content;

.site-footer {
    margin-top: 2em;
}

2-) update the first piece of code as;

.nav-menu li a {
font-size: 14px;
text-transform: none !important;
}

the second code block is ok.

[joshbonanno]

I believe that you misunderstood the question. I wish to eliminate the space between the social icons as seen in the screenshot. Not to reduce the spacing on the top and bottom.

I came up with this:
.footer-social {
word-spacing: 2px;
}

However, it didn’t do anything lol

[ahmetsali]

@joshbonanno

i see, try removing any spaces in your social shortcodes in your footer.

[joshbonanno]

I have removed all spaces and nothing seems to happen.
Here’s a screenshot of my widget: Footer social icon widget

Also, I just moved my site to joshbonanno.com and now my department pages won’t show up and I get a 404 error. Is there a way to resolve this? All my file links are updated to the new domain name and every other page shows as well.

[joshbonanno]

Sorry, the second part of my reply has been fixed. My footer icons are still a bit spaced.

Also, I noticed my favicon isn’t applied to departments. Sorry for all the questions.

[joshbonanno]

I also noticed that on an iPhone 5 & 5S the sub-department headings show below the image and not within the image. See screenshot using Chrome dev tools where it shows that they do show within the frame here and then see the actual result taken on an iPhone 5 here.

[ahmetsali]

Hi again, i just checked your site on iphone5(ios 6) and 5s(ios 7) department titles looks fine on both. And about the social icons in the footer, try this custom css code;

.footer-social .social {
    font-size: 0;
}

[joshbonanno]

The code worked flawlessly. Thank you.

My iPhone 5 is running iOS 8.2 maybe that is the issue or caching? I cannot say. I’l keep an eye on it and see what happens. Thanks for everything!

[joshbonanno]

I also noticed that the social icons in my blog are spaced as well. I checked to make sure that there aren’t any spaces in my text widget. See screenshot here.

[ahmetsali]

can you try adding one line break after each social_icon shortcode.

[joshbonanno]

Works fine. They’re evenly spaced now.

Sorry for being a pain in the ass.

One little technical thing. My favicon is packaged in an .ico file and I noticed that you have a dedicated field for the Apple Favicon. My favicon is 64x64px already but would you recommend having two separate favicons; one for generic devices and then another for Apple?

[ahmetsali]

yes one favicon (.ico) for generic browsers and one (.png) (152×152) icon for apple touch devices is a good practice.

[joshbonanno]

Just curious because other themes have it where one .ico file with multple images ranging from 16×16, 24×24 and 64x64px works fine. If you separate them I will as well then

[joshbonanno]

I replaced the favicon images. Sorry for all the questions.

Chrome for Mac does not load the GFS Didot font correctly it seems. Nor an updated version of my website. I have cleared my cache and forced reloaded the page but it sill comes up as this … which isn’t correct. Correct version can be found here on Firefox. I realize my ISP can cache images as well but this shouldn’t be a problem.

I have tried to load it on Safari (v8.0.4) and Firefox (v36.01) and Chrome (v41.0.2272.89)

Can you help?

Again sorry for being a pain in the ass.

[joshbonanno]

I also noticed that this line seems to load on all browsers, but only manifests itself in Chrome for Mac. All other browsers disregard the Roboto font.

Sorry for the multiple replies.

[ahmetsali]

i just tested your site on latest chrome v41 on Mac Os X, it loads same as other browser. did you try “ctrl+F5 / hard refreshing” ?

[joshbonanno]

So I switched the Google Font GF Didot to Tinos which has a Latin character set and it loads fine now on all browsers.

To address the favicon issue now:

I did a hard refresh and cleared the cache since the beginning of time in Chrome. Chrome still loads my old favicon then my current and new one. Yet, although Firefox loads the correct one Safari doesn’t even load it at all despite the .ico file containing the png image sizes 16x16px, 24x24px, 32x32px, and 64x64px sizes.

However, the favicon does not load correctly on all Macs I have tested running Chrome v41. It still loads a P instead of the JB I’ve shown you on all computers running Mac OS X 10.10.2 and lower, even on Macs that have never visited the site.

Also, since switching fonts text in sub-departments are squished together. Is there a way to separate the words more in subdepartments.

I sincerely apologize for all the questions, but all the support forums I’ve researched don’t seem to have a solution as to why this is occurring.

[ahmetsali]

– you can try this custom css code to solve subdepartment text issue;

.gallery-grid figure h2 {
    word-spacing: 0;
}

– favicons issue is most likely a caching issue, please check out the link below and see if it works for you;

http://stackoverflow.com/questions/2208933/how-do-i-force-a-favicon-refresh

[joshbonanno]

Code works great. Thanks so much. I’ll stop bothering you guys now lol Thanks for everything!

[ahmetsali]

you’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.