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 1 year 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
    Nuh uh moderator
    Posted 1 year ago #

    But the tagline moves depending on the screen size

  3. mtn
    Member
    Posted 1 year ago #

    How do you put a picture there instead?

  4. mtn
    Member
    Posted 1 year 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 1 year 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 1 year ago #

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

  7. d4z_c0nf
    Member
    Posted 1 year 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 1 year ago #

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

  9. d4z_c0nf
    Member
    Posted 1 year ago #

    the browser window

  10. mtn
    Member
    Posted 1 year ago #

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

  11. d4z_c0nf
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago #

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

  18. mtn
    Member
    Posted 1 year ago #

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

  19. d4z_c0nf
    Member
    Posted 1 year ago #

    :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags