[LaunchPad777]

Hi Victor,

Thanks for the response....

I've just downloaded the latest version of the Genesis Sample child theme and I see it does indeed have a landing.php file in a page-templates folder.

The question still is - how do I go about uploading this new version (3.3.0) without running the risk of breaking my client's website?

Appreciate your advice.
Kind regards,
Greg

[LaunchPad777]

Sorry....posted before I finished.

Using Genesis theme.

Appreciate your help.

Best regards,
Greg

[LaunchPad777]

Hi there,

Does anyone have any ideas as to how I could fix this?

Best regards

Greg

[LaunchPad777]

Hi Christoph,

Again, thanks for your help...

Unfortunately the code didn't work at all - no matter what I did. It is probably because I don't understand how to use divs and classes properly.

In the end, I just added the plain text into the caption and managed to add the red colour in the WP page editor. It has not created the desired effect....

Again, thanks so much.
Regards
Greg

[LaunchPad777]

Hi Christoph,

Sorry to keep bugging you...

Okay I followed your instruction and added the text within the divs as the Caption as follows:

<div class="name-of-black-text-class">Becker & Bekker stocking LOW VISION DEVICES  - Get Help NOW!</div>
<div class="name-of-red-text-class">Your child's vision can determine his/her learning & development!</div>

<div class="name-of-red-text-class">Improving how your child sees can have a dramatic effect on their lives.</div>

<div class="name-of-red-text-class">It's vital to realise that visual problems can contribute significantly to learning/reading disabilities. In some cases it can be mistaken or misdiagnosed as a learning disability.</div>

<div class="name-of-red-text-class">TAKE ACTION TODAY - MAKE AN APPOINTMENT NOW!</div>

<div class="name-of-black-text-class">JUST RELEASED</div>

<div class="name-of-black-text-class">Hoya BlueLight coatings for your glasses...</div>

<div class="name-of-black-text-class">Get relief from eye strain and fatigue
Now.</div>

And the following to the stylesheet:

.name-of-red-text-class {
        color: red;
        font-weight: bold;
        text-align: center;
}

.name-of-black-text-class {
     color: black;
     font-weight: bold;
     text-align: center;
}

When I first add the image to the page it shows up correctly on the right hand side but without the text being red or being bold.

But as soon as I Update the page it loses the changes - the image appears on the left without the caption. All the text is below the image (not as caption) but now with correct formatting red and bold text.

Do you think there is something in the theme that is breaking things?
Or am I doing something incorrectly?

Appreciate your help.
Regards
Greg

[LaunchPad777]

Hi Christoph,

Firstly thanks so much for providing the information...

I have followed what you posted and inserted the divs and classes as you mentioned.
But for some reason I am not getting the desired result.

This is what I put in:

.name-of-red-text-class {
        color: red;
        float: right;
        text-align: center;
}

.name-of-black-text-class {
     color: black;
     float: right;
     text-align: center;
}

Is there something that I'm missing?
I need to get the divs over to the right hand side - is the float:right the correct code?

Do you have to specify anything more for the divs?

http://www.optom.saturncooling.co.za/

Again thanks..

Regards
Greg

[LaunchPad777]

Hi Christoph,

But that is what I am battling with....how do I use divs and classes? I literally spent a couple of hours trawling through the internet looking for solutions....nothing I tried worked.

Any ideas or links to great tutorials?

Thanks
Greg

[LaunchPad777]

Lynne....I could kiss you right now!!!!

Thank you so much. It works like a dream.

Best regards
Greg

[LaunchPad777]

Thank you Lynne...much appreciated.

Regards
Greg

[LaunchPad777]

In Firebug this is the css that shows up the element details above:

<div id="soliloquy-container-79" class="soliloquy-container soliloquy-transition-fade soliloquy-theme-base" style="max-width: 950px; max-height: 330px; height: auto; background-image: none;">

background-image: none;
height: auto;
max-height: 330px;
max-width: 950px;

What needs to be changed or added/deleted?

[LaunchPad777]

What should be changed to get the slider in the centre (horizontally)?

[LaunchPad777]

Hi Christoph,

Okay not sure what you mean? Does that css need to be removed or should part of it be changed?

Regards

Greg

[LaunchPad777]

Thanks Tonya,

Okay perhaps I should have mentioned that I'm not a coder so I wouldn't know where to start to implement your solution...

Is there some other way to do this?

Regards
Greg

[LaunchPad777]

Hi there,

Still need help on the original problem:
Working on client site using Genesis Sample Theme……

I inserted a Footer Widget and it shows up on all the pages except the Home Page…

You can see the widget on this page:

Job Card

Any ideas?

Best regards
Greg

[LaunchPad777]

Hey Ren,

Please look at this when you can....

Regards
Greg

[LaunchPad777]

Any ideas?

[LaunchPad777]

Hey Ren,

Thanks for the feedback....absolutely no offence taken at all...good to get constructive analysis!!!

The owner of the business is quite set on what he wants the site to look like.

Do you have anything in your functions.php or elsewhere that could be conditionally removing this area from the front page (or adding only to inner pages)?
I haven't added anything to cause this that I know of...what do I look for?

Also, in the spirit of trying to help you improve it, the design needs a lot of work. Perhaps it’s in the beginning stages and you have a lot yet to do. Currently, however, it’s not pleasant to read or look at. From an outsider’s perspective, I wanted to leave the moment I landed on it. I mean absolutely no offense and want this to be some helpful, constructive criticism. As such, here’s a few thoughts for improvement:

1. The top image/logo is poor quality and it doesn’t respond to smaller screens.
- I designed the image and it needs a bit of work....the border needs to be trimmed.
- The issue with all the images is that Google factors in Page Load Speed into their algorithm which now plays an important part in ranking. So as designers we are faced with resizing good images that don't create too much of an overhead on page size. The aim is for each web page not to exceed 300kb in size....
-How do you make the image responsive?

2. The solid black background and lack of color makes the site feel unapproachable.
- Agree with you on this, it is a bit stark....We want to change the background by creating a watermark effect to make it look a little bit more alive
- As a matter of interest what would you do with the colour scheme?

3. The bold red borders are too much. With all that red and black, again, it doesn’t have a friendly/comfortable feel.
- Again agreed....this is what the client wants....he has just had his business logo re-designed (what you see in the header image)

4. The page titles and additional headers on many of the pages make the text appear jumbled.
- Are you talking about the H1 and H2 headers?
- Suggestions - should I reduce the sizeof these headers?

5. The images are low quality. I believe it’s better to use no images than to use poor images. I’d check with the client to see if they have anything better.
- The funny thing is that we got a professional photographer to take shots....again the problem is not to overload the overall page size, especially on pages like the Gallery where there are 10 images...
- So I might start with an image that is 3Mb in size and I want to get it down to 50kb, so I resize it and then run it thru Faststone Image Resizer to reduce....
- What do you do to reduce the image size?

6. The navigation spanning the full width of the screen when nothing else does looks weird, especially in that location because it’s kind of cutting the page into sections.
-I tried to reduce the Nav using this code:

/* REDUCE WIDTH OF NAV MENU */
.nav-primary {
    width: 1024px;
}

But it causes the Nav menu to go off the page to the left....can't seem to find a way to get it in the center?

Appreciate that you have taken so much time to help...

Best Regards
Greg

[LaunchPad777]

ANDREA.....thanks

You're a biscuit!!!!

Regards
Greg

[LaunchPad777]

Hi there,

How will your second menu be constructed?
Using the Menu creation method in Appearance > Menus

Will you be using the Secondary Menu in the Appearance -> Menus -> Secondary Menu edit section?
Yes

Or do you just want to craft some html together and use that?
No

If you want to use the wordpress editor to create a Secondary menu, then go and create your menu, and then in your child theme’s functions.php file, add this code:

remove_action( ‘genesis_after_header’, ‘genesis_do_subnav’ );
add_action( ‘XYZ’, ‘genesis_do_subnav’ );

But instead of XYZ, you need to write in the name of the hook you want the secondary nav menu to follow.
What do you mean "write in the name of the hook"?
Is that simply the name of the menu?

If you were to try and use a short code (I am not sure there is a short code for secondary menu, but let’s pretend there is), then you would still need to “unhook” it from the genesis_after_header hook.

Hope this helps.

Thanks for your help
Regards
Greg

[LaunchPad777]

Thanks again Ren,

It worked out fine by uploading the stylesheet again...

Regards
Greg

[Author]

Posts