5

In reply to: Background image and video player

#42303

P.S. It appears that I have found out how to attach an image!!

In reply to: Background image and video player

#42302

My scanner/printer is playing up and that’s why I tried to describe it. However I have taken a picture of a printed page that shows the layout. Then I couldn’t see how to attach it to the reply so have uploaded it to the site and shown the link below (what is it with Mondays?!)

Firstly please totally ignore the dark block near the bottom.

Secondly, hopefully you can see the line down the page which is just to the right of centre. To the left is the sidebar set at 520px. To the right is content, set at 400px behind which the microphone image is to display. It is to be just the one image, so I may have to re-size (if there is a preferred size to do this please advise) He doesn’t want several microphones going down the page!

Finally, this is for the home page only. All other pages are with the standard background colour #758f89

I hope that this is clear. Many thanks.

Chris

In reply to: Background image and video player

#42300

Kenneth and Prasanna, you guys are awesome, thanks so much for giving up your time to share your experience with everyone on here.

Kenneth – your feedback is most welcome and will be taken on board. My customer is a retired Graphic Designer, so is the kind of guy who knows what he wants! Your points are very valid and I will discuss them with him.

Prasanna – I have placed this code into the Custom CSS and it works perfectly … naturally! However my customer has requested two things that differ from this (sorry if I was not clear at the outset).

Firstly with the background colour coded as #758f89 (which it is within Appearance coding) the microphone image is to appear only to the right of a line drawn all the way to the top and the bottom at the left hand edge of where the content area starts. The content width is defined as 400px, with 520px for the sidebar. Therefore, just over half of the page will be #758f89 on the left and the remaining 400px to the right will have the microphone image as the background, top to bottom as you have guided. Hope this makes sense.

Secondly this is to apply to the home page only. All other pages are entirely #758f89. I guess .home .page needs to be included in the first CSS somehow, somewhere…

I would be grateful for your further guidance please.

Many thanks,

Chris

In reply to: Background image and video player

#42297

Any thoughts on this please? I am being chased by my customer!!

Thanks, Chris

In reply to: A few NEO queries please!

#41652

Spot on Syahir, as always.

Many thanks, Chris

In reply to: A few NEO queries please!

#41650

Brilliant idea Syahir! Thanks. I have implemented this with the following code and I would appreciate your confirmation that this is what you had in mind please. The only issue I seem to be having is the space at the top of the first column (on desktop view) that then knocks the alignment out. The display on mobiles, with GM NEO is spot on!

<div class=”columns”>

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5

etc

</div>

with CSS of;

.columns {

-moz-column-count: 4;

-float: left;

-width: 25%;

}

Cheers, Chris

In reply to: A few NEO queries please!

#41648

I fear that the coding involved in that plugin may be one step too far for me. Thanks for finding it for me though, Kenneth.

I am re-assured that the use of tables here is suitable! The pages loads/views fine on desktop versions, so if I could just amend the width of that left hand column when the site is viewed using GM Mobile NEO I think that I would have a workable solution.

To summarise I have added and coded the left hand column to be 5px, and this is not noticed on desktops. However GM Mobile NEO seems to have a fixed width left hand column and ignores my 5px settings (i.e. reducing that column width to 5px made no difference on a mobile viewed version). I would like to reduce that width as the white space is unnecessary. Is there a simple CSS code I can insert that you know of?

You can hopefully see what I mean on http://domainline.co.uk/domain-names/250-domain-names/

Trust that this is clear!

Many thanks, Chris

In reply to: NEO and Fast Secure Contact Form

#41723

Thanks for the clarification Syahir.

In reply to: NEO and Fast Secure Contact Form

#41721

Hi Syahir, any pointers on adding the slider to the Graphene Mobile Neo version? I’m sure it’s a box that needs checking laughing at me somewhere but I just can’t find it.

I would like to add the slider to the Mobile version if possible.

Cheers,

Chris

In reply to: A few NEO queries please!

#41646

Kenneth, sorry to re-open this one, but since my severe telling off I having been working hard to remove tables from all my WP sites. Do I get a gold star?! The good news is that I am getting there!

My own site where I sell domain names from at http://www.domainline.co.uk has the domains listed in a table and I am struggling to find a suitable way to list the domains in a different manner. So I have left the tables on there for the time being. Any pointers for an alternative would be appreciated.

Giving that they are there, I have coded Graphene Mobile Neo up to work with responsive tables and as you may see it is working okay. The problem I had was that the left hand column which is fixed during the horizontal scrolling of the table was not wide enough to take the full description of some domain names. So I tried to be clever and added a column with width of only 5px hoping this would not be noticed and the table would just scroll. However it appears that the left hand column (when viewed on mobiles) has a fixed width and is ignoring my 5 px column setting. Do you know if there is a way to overcome this please Kenneth?

Many thanks for your time, it really is appreciated.

Chris