JodieRD

This is extremely helpful. Been playing with it on and off all day.

The document you created is exactly what I needed. As a complete newbie everything is gibberish, so even though I have tried digging in to some CSS sites and books, nothing seemed to pertain to what I was doing; or trying to do. This doc presents what I need to know in the context of what I’m using: a foundation. Thank you!

The first worked great! The second is almost there, but repeating on me. Do I need to make the image a different size?

P.S. Hadn’t found that Snippet. But had tried another, or two or three.

Okay, Did so. Thanks!

I’m looking to do the same thing. My header needs to be about half as high.
Plus, I want to add a background image. I messed around (trying to figure it out for myself!) and got this far:

https://www.itsarubberduckieworld.com

That’s just a stand-in image for the background. I grabbed something 862×153. I want my image to totally file the header, with the logo (torn paper image) and menu items on top.

Here’s the code I added to my Style.css:

/* Add background image to header    */
header.tc-header {
/* Adjust the Image location 'wp-content/uploads/ uploads/2013/12/BackgroundTry.jpg' */
background:     url(/wp-content/uploads/2013/12/BackgroundTry.jpg) no-repeat;
}
#headerimg  {
  margin: 0px 0px 0;
  height: 153px;
  width: 862px;
 }

Thanks for any help!

Jodie

Weirdness!
I just tried to upload a new logo again. No go. So off I went to work on a page for a few minutes. On a lark I went back to try uploading the logo. Looked the same: Only the upload button shows, no “remove” in red and the “save” blue button was muted out, saying “saved”. Suddenly my new logo popped up in the preview screen and at the same time the button changed and the remove option showed up again. I’ve had this problem for over 24 hours and poof, it resolved.
Gremlins?

That did it! The site is now coming up in IE, Chrome, and Safari. never, ever would have guessed that in billion years. Thnk you!

But still I can’t upload a new logo. I could just code it in instead?

Trying to figure this out… Line 334 is the last line in my child functions.php and it’s empty. Is it looking for something there? I’m stumped and my site is down!

Posting again so this gets marked as resolved. Want you all to credit for being so helpful!

That did it! Thanks for your help. Once again!

That worked! And I learned something.

https://www.itsarubberduckieworld.com

On to the next items on the list… I AM making headway!

THANK YOU!

Jodie

P.S. Isn’t there a place for me to mark this “resolved”? These things matter!

More info for you:
I have uploaded and added the font face (not a Google font–can’t do anything the easy way!) to my stylesheet. The body text can remain the same. I only want to change the blog and page header text.

Jodie

Does the same thing work for changing the fonts for page titles (h2) and blog titles (h1)?

Thanks!

Jodie

Hi Nikeo,

It worked! (With one tweak left to do, see below.)

Previously, I had tested the slider by creating a page in WordPress and adding the html. He told me I had to do the same to get it on the front page. Hummm… I made a copy of header.php in my child theme and added the code. First above <header>. You know what that did. Then below <header>. And it appeared right where I wanted it, above the circle images.

Now I just need to get it from appearing on all my other pages???????

Baaaaby steps!

Jodie

Thanks for hooking me up with the rules for the forum WPyogi.

Nikeo, I dug and dug (figure it’s the best way to learn) but can’t find anything that looks like the rendering function so have asked the slider developer for it. I so appreciate your help!

Jodie

Thanks Nikeo,

I have deactivated the original slider and added the suggested code to the child theme’s functions php as below. Note that I changed the name to accordian_slider since that’s the file in the child theme. (Correct?) I included the accordian code too following your code below, as this is working on the other page on my site. What have I missed?
Thanks!
Jodie

add_action ('__after_header', 'accordion_slider');
function accordion_slider() {
//checks that we display the home page
if ( !tc__f('__is_home') )
return;

//renders the new slider
YOUR_SLIDER_RENDERING_FUNCTION()//if it is a shortcode, then use the do_shortcode() function
}

/**
 * Accordian Slider addition
 *
 * /

<?php
add_action('wp_enqueue_scripts', 'load_accordion_slider_scripts');
add_action('wp_footer', 'instantiate_accordion_slider');

function load_accordion_slider_scripts() {
    wp_enqueue_style('accordion-slider-css', get_bloginfo('template_directory') . '/accordion-slider/css/accordion-slider.min.css');

    wp_enqueue_script('jquery');
    wp_enqueue_script('accordion-slider-js', get_bloginfo('template_directory') . '/accordion-slider/js/jquery.accordionSlider.min.js');
}

function instantiate_accordion_slider() {
?>
    <script>
        jQuery(document).ready(function($){
            $('.accordion-slider').accordionSlider({
                width:960,
                height:400
            });
        });
    </script>
<?php
}
?>