[Trishah]

Hi Nancy,

I’ll let Sakin answer your specific questions because he knows his scripts the best 🙂

What I do to figure out what css to use is with the FireBug addon to FireFox. I put up a page here to help people learn the basics: http://trishah.com/how-to-use-firebug/

With the new version of FireBug, you can choose the element you have questions about on the left panel, then right-click in the right panel and choose “Add rule…” from the menu. Many times this will create the correct style identifier. This is how I got the style above that worked for you.

[Trishah]

Hi Nancy,

What you were missing is that the images you want to change use a different css identifier. Try this instead:

.attachment-featured-slider.wp-post-image {
float: left;
margin: 0 15px 5px 0;
}

[Trishah]

You’re welcome Laurence. 🙂

[Trishah]

Okay, just thought I’d ask. I have a support ticket in with TinyNav to see if they can help. I’ll let you know what I find out.

[Trishah]

@Sakin: Yes I see that. So when the <option> has the selected="selected" it shows that option into the window of TinyNav as the current page you are on. Got it.

I was just hoping there was a way to add css identifiers to the options so I could style them differently.

I’m able to do some css tweaks but not all that I would like. For instance… In my current project (the development site is at http://jerseycampfireboys.com/site/), when you are on the homepage, the word “Home” shows in the window, and on the dropdown, the word “Home” is displayed in white to show in the dropdown that it is the current page. The background I want to use for the dropdown is a light wood color, the white word gets lost on it.

I’ll probably end up using a dark wood for the dropdown background so the white shows up, but design wise it’s better with the light wood.

I was just hoping there was a way to style it better… I just want what I want when I want it 😀 lol.

[Trishah]

Whoo hoo! 😀

[Trishah]

Thank you for your reply, Sakin.

I’m a little confused… Are you saying that there is already a way to css the current option in TinyNav using current-menu-item? I’ve tried several ways but nothing works. Or did I misunderstand you?

[Trishah]

Add this to your custom css or child theme style.css

.attachment-thumbnail.wp-post-image {
    float: left;
    margin: 0 15px 5px 0;
}

[Trishah]

Try adding some css to the thumb img or thumb div like float:left; or display:inline-block; or try using both.

[Trishah]

lol. I guess “what works” is not always the best way to do things. Thank you for the notes. It’s been fixed.

[Trishah]

Sakin,

Huh… I used to get an error when I used a child theme without at least one template file in it. Apparently that is no longer the case. cool.

I have removed the page.php and added a functions.php It includes functions to specify favicons for both the site and the admin as I find them very helpful. Also I think it’s a good example of how to use a child functions.php file.

[Trishah]

Hello Sakin,

Yes I can see why it would look confusing to others so I have changed by child style.css to reflect your suggestions. Good call. 😀

Trishah

[Trishah]

Hi Jaime,

I know you are not using Catch-Box for your current project, but I thought that you’d like to see how I start my child theme when I use Catch-Box free. What I do is start with stripping out a lot of the parent styling so I am left with a “blank canvas”. This may not be what you want to do but looking at this may give you a starting place for your next project.

Demo of Catch-Box Child
Child Theme: Catch-Box_Child_Basic_by_Trishah.com.zip
WordPress Codex: http://codex.wordpress.org/Child_Themes

Once you get your child theme activated the styling and coding in the child take priority over the parent. So, if you want to change something in the footer (like the copyright and “Powered by WP”), you copy footer.php from the parent into your child theme and alter it there 😀

And also, use FireFox and the plugin FireBug for making CSS changes… it saves a LOT of time.

[Trishah]

Jaime, in Catch Box free I just did what Sakin said to do, go into the functions.php of the parent theme folder replace the

/**
* Returns a “Continue Reading” link for excerpts
*/

code as he suggested. Then you can add the following code to your child functions.php with whatever wording you want.

/**
 * Returns a "Continue Reading" link for excerpts
 */
function catchbox_continue_reading_link() {
	return ' <a class="more-link" href="'. esc_url( get_permalink() ) . '">' . __( 'More<span class="meta-nav">&hellip;</span>', 'catchbox' ) . '</a>';
}

The above code makes a link that says “More…” and links to the single post.

Hope this helps.

[Trishah]

Thank you Sakin for the donate button. I’ve sent you something for the last 3 websites I developed with your Catch Box free theme. FYI: Did you know that the domain name catchbox.com is still available? Might be a good purchase to own that name 😀

[Trishah]

Hello Sakin,

As I base a lot of my child themes on CatchBox Free I don’t really need your Pro version as I can tweak the free version myself. But I would like to send you something whenever I do use your free theme as it has helped me greatly. Can you tell me your PayPal address so I can send you a donation?

[Trishah]

Hello Sakin,

Thank you for this solution. It works perfect!

I use catchbox as my parent theme on 90% of the sites I design because of it’s features, like integrated tinymenu that I don’t have to add, and the flexibility of the template system you’ve established. I also respect you’re quick and considerate support for your themes. So, thank you again for your help!

Trishah

[Trishah]

Yes, that is the answer. Thank you very much Sakin!

BTW, I simply love the CatchBox theme. Once I understood it’s structure it makes it relatively simple to create responsive websites. 😀

[Trishah]

ugh. Sorry, I should have told you that. I am using a child theme for CatchBox. My development install can be found here: http://trishah.com/clients/sofia/site/

[Trishah]

Okay.  Thanks.

[Author]

Posts