WordPress.org

Forums

Customizr
[resolved] How do you add a picture to the top box on the extreme right side? (19 posts)

  1. mtn
    Member
    Posted 10 months ago #

    How do you add a picture to the top box on the extreme right side? Where the TAGLINE is situated!

    Or any sort of text...?

    Thanks

  2. Andrew
    Forum moderator
    Posted 10 months ago #

    But the tagline moves depending on the screen size

  3. mtn
    Member
    Posted 10 months ago #

    How do you put a picture there instead?

  4. mtn
    Member
    Posted 10 months ago #

    <img src="http://apsdemo.intellect.uk.com/wp-content/uploads/2014/05/safe-image.jpg" alt="Just in case" title="We are gas safe" height="20px" width="50px"/>

    I put this on the tagline and it shows when I customize it but when its live it only shows the code not the picture.

    Please help!

  5. d4z_c0nf
    Member
    Posted 10 months ago #

    Tagline is supposed to be a text, and should remain so, that's why you can't render html tags.
    Anyway what's your goal? Wanna have that image there, and just in desktop mode?

  6. mtn
    Member
    Posted 10 months ago #

    Yes I want to put that image there...not just in desktop mode.

  7. d4z_c0nf
    Member
    Posted 10 months ago #

    Yeah but that "extreme right side" is occupied by the tagline just for window width > 979px, to understand what I'm saying take a look here:
    http://www.themesandco.com/
    See those "Showcase" and "View Demo" button, they take the tagline place, now shrink the window to <= 979px and see what happens. Is that what you want?

  8. mtn
    Member
    Posted 10 months ago #

    yes like that... how do i shrink the window?

  9. d4z_c0nf
    Member
    Posted 10 months ago #

    the browser window

  10. mtn
    Member
    Posted 10 months ago #

    I don't understand what you mean, sorry could you elaborate where i can change this code?

  11. d4z_c0nf
    Member
    Posted 10 months ago #

    I'm not talking about code, not yet, I'm asking you if that behavior, when you shrink the browser window, is what you want:
    width >979px: http://oi60.tinypic.com/2m2gqhg.jpg
    width <=979px: http://oi58.tinypic.com/sem35x.jpg

  12. mtn
    Member
    Posted 10 months ago #

    Yes thats what I want. A picture instead of "Showcase" and "View Demo" buttons and I want it to show on both so its responsive.

  13. d4z_c0nf
    Member
    Posted 10 months ago #

    You can achieve that themesandco behavior adding this to your child theme functions.php:

    add_filter('tc_tagline_display', 'display_image_tagline');
    function display_image_tagline($html){
        global $wp_current_filter;
        $class = "container outside ";
        if ( in_array('__navbar', $wp_current_filter) )
            $class = "span7 ";
    
        // replace tagline
        return '<div class="'.$class.'tagline-image site-description"><img src="http://apsdemo.intellect.uk.com/wp-content/uploads/2014/05/safe-image.jpg" alt="Just in case" title="We are gas safe" height="20px" width="50px"/></div>';
    }

    And this to your child-theme style.css, or your custom css:

    .navbar .site-description{
    	float: right;
    	text-align: right;
    }
    .navbar.resp .site-description{
    	display: none;
    }
  14. mtn
    Member
    Posted 10 months ago #

    Thank you but its showing in the middle..
    http://apsdemo.intellect.uk.com/

    Can I make it on the right?

  15. d4z_c0nf
    Member
    Posted 10 months ago #

    I made it on the right, did you copied the css part in the custom css box or in your child-theme style.css ?
    Do you have a child theme? Looks like you don't have a child theme.
    Where did you placed that code I gave you?
    http://www.themesandco.com/customizr/how-to-customize-customizr-wordpress-theme/

  16. mtn
    Member
    Posted 10 months ago #

    I do have a child theme. I places the css part in themes folder in my child theme folder

  17. d4z_c0nf
    Member
    Posted 10 months ago #

    Mmm cannot see the child theme style.css loaded in your page :/
    EDIT:
    Ok now it works.

  18. mtn
    Member
    Posted 10 months ago #

    Oh sorry I thought I was on my child theme, its ok now. Thanks :)

  19. d4z_c0nf
    Member
    Posted 10 months ago #

    :)

Reply

You must log in to post.

About this Theme

About this Topic

Tags