Styling on header nav - text shadow

Permalink Browser Info Environment
Hi there,

I'm really stuggling to find how to remove the shadow which sits under the text of the main navigation menu.

The closest I come to is the style 'header nav ul li a' in iGotStyle.css.

At the risk of being flamed for making a mess of your beautiful theme, I'll share the development link:http://build.tablelandsworkforce.com.au/...

Also - I wanted to add a new field in the vcard block for a mobile phone - would i need to change this in the package before it gets installed by addding a separate line in the xml file etc? It's such a good idea I tried exploring how it worked but am still a newbie to these things.

Type: Discussion
Status: New
jamesleech
View Replies: View Best Answer
Sharks replied on at Permalink Reply
Sharks
Hey,

The shadow style is in iGotStyle.css page, but the actual shadow is added to the page under view.php

Specifically this code:
<div id="headerShadow"></div>


Simply delete this if you want to remove the shadow div, or change the css if you want to customize it to look like something else.


To change the vCard block you would need to make changes in the block code under view.php, add.php, edit.php, controller.php, the db.xml (for consistency) and you would also need to add the field manually in the database via phpMyAdmin or whatever tool you use for browsing your DB - to btVcard table I think it would be called.
These changes would mostly simply involve adding a new field with your new "Mobile phone" property. Its quite easy to do but you need to correct the code in all the necessary places as mentioned above

At least this is how I have added fields to various blocks but am open to correction on better methods.
Hope that helps
jamesleech replied on at Permalink Reply
jamesleech
That's is great - thanks for that feedback, I really was feeling like a dumbo, but now I can see I have to understand more about php files in terms of how a view can be managed.

The tip on the database tweak for the vcard is also very helpful. You know how it is when you NOT QUITE SURE if fiddling with a blocks database will break it. But I guess I should learn to back-up anyway!

On that note - I'm going to go and make a back up!

Thanks Sharks - that was very helpful.
jamesleech replied on at Permalink Reply
jamesleech
mmm, I spoke to soon - removing
<div id="headerShadow"></div>

didnt have any noticeable afect. I also tried snuffling about in the iGotStyle.css file and can see that in the headershadow style is set to none for print, but can;t see any other mention of a style with 'shadow' associated with it. scratching my head still...
Sharks replied on at Permalink Reply
Sharks
Hmmm well that seems strange..
I did the exact same thing with my own install of this theme and removing the div worked as planned.

1 suggestion would be to clear cache under admin panel-> Sitewide Settings -> Clear Cache

Then view the source of the web page and see if that div is actually still there?

I normally disable caching while working on something as it removes this tedious step every time you change a file that my be cached -> also because I am still not sure what files get cached etc..
Sharks replied on at Permalink Reply
Sharks
Oh I just thought of something else..
Make sure you know what page type you are using - i.e hompage, right_sidebar, default etc..
The div with headerShadow will probably be in all these pages - homepage.php, right_sider.php etc.. and not just the view - so depending on what page you are looking at you may not have removed the div from the correct page - hope that makes sense
Vivid replied on at Permalink Reply
Vivid
header shadow removes the shadow below the header image. He's looking for the text drop shadow in the nav (I think??). That is found in the file /js/functions.js

The text shadow is on the Cufon function.

Sharks - thanks for helping out :)
Sharks replied on at Permalink Reply
Sharks
Lol ya Im not sure you can call it helping when I misunderstood what he was looking for :-)

I did think he meant the shadow div - as in the div under the slider in the theme. Upon reading again, now I see it was the subtle shadow under the text.

Be back in a while after I take my foot from my mouth :-)
Vivid replied on at Permalink Best Answer Reply
Vivid
additionally - regarding the mobile phone number deal.

Here's what you'll need to do.

Open up:
/packages/rigidlight/blocks/vcard/
add.php,
edit.php,
db.xml,
view.php

In add.php just add this to the end:
<?php echo $form->label('mNumber', 'Mobile Number');?>
<?php echo $form->text('mNumber', array('style' => 'width: 320px'));?>


In edit.php
<?php echo $form->label('mNumber', 'Mobile Number');?>
<?php echo $form->text('mNumber', $mNumber, array('style' => 'width: 320px'));?>


in db.xml
just add a field
<field name="mNumber" type="X2">
</field>


and finally in view.php
change
<span class="tel">
               <span class="type">Phone:</span>
                <span class="value"><?php echo $phNumber?></span>
            </span>


to

<span class="tel">
               <span class="type">Phone:</span>
                <span class="value"><?php echo $phNumber?></span>
            </span>
<span class="tel">
               <span class="type">Mobile:</span>
                <span class="value"><?php echo $mNumber?></span>
            </span>


After you've done that, go into your "add functionality" page in the dashboard. Edit the rigid light package, then click edit on the vcard block, and hit the "refresh" button. This refreshes the new db schema
jamesleech replied on at Permalink Reply
jamesleech
Firstly - I am overwhelmed by the level or responses and effort. You are all marked with the good vibe and are bound to be happy characters with this approach. 5 stars.

2nd - Both suggestions worked a treat. I had tried everything to the vcard files as suggested - but didn't know about refreshing the block in the theme. This is very clever.

It's such a pleasure working with this CMS - not just because of the software - it's the vibe. The people in the concrete community really make it.

It is a great thing to stand on the shoulders of giants, with some help from those around.
Vivid replied on at Permalink Reply
Vivid
Sharks - just as an FYI - you don't have to use phpMyAdmin. Just upload your db.xml file, then go to add functionality - click 'edit' on the block you're updating, then just hit refresh. This refreshes the database schema.

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.