tjd

Hi Andy,

Well I attempted to Comment yesterday but couldn’t get an open Comment form. Just as well because your 2nd set of Code worked very well. Adjusted the Radius down to 5 and got the result I was looking for. Thank you so very much for your follow-thru.

BTW, I thought I saw a note that you’re in the SF Bay area. I very well might be relocating there after the New Year. So if in fact you’re in the area, I’d like to Thank you for all the assistance you’ve provided here… meet for a Coffee or something. If you’d consider that possibility, contact me thru my website: tom@tomjdolan.com

Thanx again Andy…visit the site and see your “Buttons” 🙂

Hello Andykev,

The black button outline is what I wanted to eliminate. Late last nite while poking around the CSS code I discovered another element that I could change from black to dk red. I changed it and it worked. The element, if that’s what it’s called, is: .menu li {

I may even further darken the Red…but anyway thanx for all your interest & suggestions. And, btw I also use Firefox as a backup to Safari. I’ll checkout their inspector again. I’ve looked at it but never thought I needed to know about it… I’ll look again.

So, from Tokyo to wherever, Thanx Andykev:-), Tom

Hi Andykev,

Thanx for your interest. Sure here’s a link:
tomjdolan.com

When I first began this website journey, I really knew nothing about it. Finally discovered I could achieve most of the desired results thru CSS. Even recorded the changes I made so I could revert them if necessary, which often was the case. Apparently I didn’t record that change. Structurally, I’ve left the site alone for quite awhile, but every now and then I like to “adjust” something. Any suggestions always Welcome!

Hi scooby,

Thanx for the response. To clarify my situation: I use arial throughout the site and only want to add a new font, not remove the arial which I chose as my site-wide font. Here is the CSS code for my Header Title font:

#title {
font-family: Arial, Helvetica, sans-serif;
font-size: 45px;
text-align: center;
letter-spacing: 1px;
line-height: 1.75;
margin: 20px 0 0;

BUT, when I look at the CSS Editor, the very first entry at the Top of the editing code is this:

*/

/* Import Fonts
———————————————————— */

So I’m wondering if this is where I should put the new Google font code? It’s been several years since I removed the Oswald code and I don’t remember if it was located in this space or not. What do you advise?

Thanx again, Tom

Morning Wes,

Thanx for yur response. I don’t believe it’s the theme either. Site loads fast here in Tokyo too, but navigation stops after 3 Pages. Turned-off all plugins, cleaned site & Safari cache, opened site, behavior is the same. eNews widget & Header both png taking extremely long time to pull from server according to webpagetest & pingdom. No idea why.

Wes… it has been suggested I load WP theme 2012 and test the operation w/without plugins. If I do that, will Legacy re-open as it is? I don’t want to lose the work I’ve put in.

Thank you once again for always being there.
Tom

Hi Eric from a toasty Tokyo,

Thanx for your response. OK so here’s an admission after all this time learning how to adjust my CSS. When you or Wes give me some directions along with “near line 365 in your css.” I actually don’t know how to find line 365…and always felt foolish asking. So today, as usual, I go down the CSS listings searching for .menu li, and I discover a bunch of items that begin with .menu li and I don’t know which one is the right one to even begin adjusting. I don’t know what CSS code I should enter figuring the info that’s there will guide me. But today i came up empty handed/headed. Sorry bout that.

Can you please…really please, tell which ‘.menu li’ I should adjust (and maybe how to locate it) and what CSS code should I enter to get the border or separation you wrote about. 3X’s thanx.

Tom

Morning from Tokyo Wes,

Phone was off all nite and here’s what I can give you to work with this a.m.:

I have never needed to fiddle with the Mobile part of the Legacy CSS until I put in the code you sent. I put the code into the are below this Line:

/* Responsive Design
———————————————————— */

@media only screen and (max-width: 600px) {

And it now reads:

}

#header .widget-area {
float: none
margin-bottom: 20px;
padding: 0 20px 10px;

I did see that further down the code there is this line:

@media only screen and (min-width: 600px) and (max-width: 960px) {

And below it, this line:

#header .widget-area {
margin-bottom: 20px;
padding: 0 0 10px;

Should they be the same settings or not…. As you know, I don’t have a clue.
Maybe I should reset the upper to the original setting?

Let me know. I’ve just checked my phone after it was sitting off overnite and the Pages render perfectly side-to-side in Landscape, as does the Header Navigation. The issue is only with the Header Widget.

Thanx Wes.

Hi Wes,

Wes,
Thanx for your response. Well I went to the area you indicated and adjusted the information this way:

#header .widget-area {
float: none
margin-bottom: 20px;
padding: 0 20px 10px;

The result is: the widget text, on my iPhone, moves down below the screen, one-half a line, and to the left, off the screen, 2 letters.

So I was gonna play with the numbers but thought better of it. What’s the thing to do?

Tom

Thanx Eric and the upgrade went very well. Easier than I had imagined.

Hi Wes,

OK, so now I am more then a bit embarrassed. Ever go to a doctor with a pain somewhere but by the time you got into the doctor’s office the pain was gone? So now, after a week of really difficult times with a distorted header, missing text and more… the Header is actually working now and I just don’t know why. I inserted an image-widget into the header widget and the image displayed correctly; then I added text into the widget and it didn’t distort the entire header which was happening; then I used html to change the text size & color and it also didn’t distort the header which happened yesterday again; then I removed the image-widget and replaced it with a text-widget and added html to change the text size & color and there it is sitting on my website and really Wes… I just don’t understand this at all. Things are settled down I guess…

I really apologize because I’m not one to waste your time and I thank you for the time you’ve given to me. Now while I have your eyes here,

I planned to upgrade Genesis to the latest version over the holidays when things get slow. I didn’t realize that there was a new version of Legacy until very recently. Is there any reason to upgrade my Legacy version to the latest version?

Thank you Wes,
Have an enjoyable Holiday Season and a successful New Year,

Tom Dolan

That’s ez enuf…thanx Wes.

Hi Wes,

Thanx for the response, and that worked just fine. The result looks like the main title area between the top nav bar and the bottom nav bar has decreased. It may only appear that way when in fact it didn’t change. So if I now want to increase the overall height of the Header, can I do that? And if I change the header height, can I keep the Header text centered?

Thanx for the support,
Have a Happy Thanksgiving…the news here in Japan sez you folks might be in for some stormy days,

Be safe,
Tom

Hello Eric,

Prior to relocating from LA to tokyo I was a volunteer Reader-Recorder in my home studio producing recorded books-n-periodicals for the Braille Institute in LA. I averaged between 20-25 hours per month and found it was always well received. I’m a big supporter of volunteer activities…thanx for your effort.

The situation with my website is not slo-2-load. Actually it loads quite quickly, the issue is with the Title line, H1, showing up after all the other Header text + a photo appear. Anyway, I’ll take your advice and at a later time, after this website has had enough exposure and I know what I need, I’ll locate someone much more capable than me and let that person clean-up the code and other small issues I see.

Thanx from Tokyo,
Tom Dolan

Morning Wes,

Thanx for the info…I sometimes forget all the stuff available @ studiopress. Actually it was a comment on the forums that gave me the solution. Use Simple Edits plugin, which I have installed. Worked like magic.

After reading many opinions about dates on Posts, I figured that the info on my site is not Date relevant and so removing the Date removes one more reason to ignore, skip, or reject some otherwise valid information…IMHO.

Thanx Wes,
Tom

Hi Wes,

“text folds down one line” is my term for what I’m seeing as a difference of the appearance of the Button on my iMac when compared to the Mobile version.

Let me show you graphically:

iMac Button & Text:   Coaching Program fees & faq’s    – all the text is on one line

Mobile Button & Text:     Coaching Program fees &

——————————————faq’s          –the text drops down to a 2nd line and centered in the Button.

In the Mobile version, 2 of the 3 Buttons have text forced down to another line, and when the text is forced to the 2nd line, the background color of that line is different than the color of the 1st line of text above it. So,

As all 3 Buttons are almost identical in width, I thought I could adjust the padding inside the Button to allow more text inside the button. That would remove the need for a Button with 2 text lines and it would eliminate the color difference between line #1 & line #2.  On the other hand,

If I can’t adjust the Button to accept more text without creating 2 lines of text in Mobile…that’s OK too. In that case, I’d like to color correct the backgrounds of the 2 lines so they are the same color. So what I’m wondering:  is either of those adjustments possible?

here’s the Page:  http://tomjdolan.com/online-training-2/

Thanx Wes,

Tom

ps/ this is an edit:  I couldn’t show you in this text box the correct positioning of the word  faq’s because this program reconfigured my spacing, so I added the ——- to give you an idea of how it’s rendering on Mobile.

Hi Wes,

Gees, I thoroughly misunderstood the size. Yes, of course, I narrowed the sidebar to give me more separation from the Content area. I narrowed the Content from 580 to 575 just as a test, prior to this email to you.

BTW, how wide could I increase the Content area before the width negatively affected the Mobile version?

OK, Thank you Wes.

Tom

Mornin’ Wes,

I tried that yesterday but that change moves both the primary and the secondary nav bars. They essentially “flip” like a photo. I would like to flip the nav bar above the Header and leave the primary nav bar alone.  Can they be repositioned independently?

Thanx,

Tom

That’s one solution. A main feature of the site are the videos which I have always embedded from YouTube and I imagine I’ll continue that procedure. If I narrow the content area the result might not be good for the videos.

Well, in lieu of having my main content are look like a newspaper column I think I’ll leave well-enuf alone for the moment.

Thanx Eric.

Tom

Well that’s interesting. I checked again after I saw your message and it was still there. So I played around with the padding a bit more, but I couldn’t get a change. I have an iPhone and when I turn it on its’ side I don’t have the issue. But not to be concerned because I altered the text in the box and for some reason it renders just fine now. Thanx Wes.

Tom

Wes,

I’ll work on it today. I’ve examined the html code of both files as they appear in the Dashboard and they appear to be structured identically. There may be some issue in the Media Library I’m unaware of and I’ll check out that issue in the WordPress forums.

One last item and I’m outta here. The Green Arrow is a png image…can it be styled? If so, is it styled in the line of code of the image, or, is the image changed, and if so, where does the image originate?

Thanx Wes, you’ve always been helpful and patient.

Tom Dolan

Hello from Tokyo,

Well the Dropdown Box doesn’t want to cooperate today… so it seems. Although I have been working on the css dropload-box, the css changes I’ve made, which look ok, are not reflected in the box on the Page. So I’ve figured out that styling the box in the Dashboard html by adding, font, color & size,  I get the result on the Page. Not sure why, but I can live with it. As far as the Green arrow goes.

I like the Arrow. It’s a png. image and the code sits on the line of the box background, which I’ve changed to grey, but I can’t see a way to change the color green. But, Most frustrating today is this,

I can’t seem to find the correct link to attach to a file so it downloads. I either get a link to the page on my site, or I get an html page in my computer download folder and it can’t be opened. I am pulling files from my media library and I only have about 12 items in there. Totally confused here. Really, all I want to do at this time is be able to download audio files and corresponding pdf’s.

Well it’s saturday here now, winter is still around but the sun shines, and I’ve got a weekend to sort this out with any luck.

Thanx for the help.

Tom

OK Wes,

So once again revealing my new-ness to all things code, I loaded several different items into the Download Box in an attempt to get it to ‘work’. Everytime  I selected the Green Arrow ….. nothing happened. It took a few tries and it finally dawned on me what you meant by “it’s basically just a background.”  

But once I got it, I got it.

Thanx again Wes.

Tom

Hi Wes,

So I added the code you suggested into the php. functions file, and it looks like this:

// Add “Read More” link

add_filter( ‘excerpt_more’, ‘custom_read_more_link_2’ );

add_filter( ‘get_the_content_more_link’, ‘custom_read_more_link_2’ );

add_filter( ‘the_content_more_link’, ‘custom_read_more_link_2’ );

function custom_read_more_link_2() {

return ‘… <a class=”more-link” href=”‘ . get_permalink() . ‘” rel=”nofollow”>[Read More]</a>’;       –I added these brackets– [ ] to the text.

}

As I didn’t blow-up my site, I was relieved. Then I added, my code creation to my css:

/* Read More Link

———————————————————— */

.more-link {

font-size: 14px;

font-color: #a80202;

}

Frankly Wes, I thought my css. looked as if you had done it…unfortunately it didn’t change much on the front end. What I saw was the addition of the Brackets, which is kinda neat, but no font change in size or color. So apparently my css is lacking something…what do you think Wes?

Thanx for all your assistance,

Tom

Thanx Wes,

Completed the Genesis upgrade then watched the State of the Nation live….both went very well.

Happy in Tokyo,

Tom