header: bg image and slogan - JoomlArt
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • kbaerthel Friend
    #1040078

    A slogan was set, but this one isn’t shown on the header at all.
    Further I would like to place a background image on the header, but I don’t know how to do so.
    Please support me.
    Attached the header of my old Purity II site, that should be the target for the new Purity III site


    1. Header_Purity_II
    Pankaj Sharma Moderator
    #1040144

    Hi
    Kindly share your working site URL here

    Regards

    kbaerthel Friend
    #1040321

    Thanks. Here are:
    Original one using Purity II
    http://halle.schach-sachsen-anhalt.de/

    New one using Purity III
    http://testj3x.halle2.schach-sachsen-anhalt.de/

    Pankaj Sharma Moderator
    #1040489

    Hi
    You can use custom.css file to apply the custom changes on site.
    Older site http://prntscr.com/fh814e
    New site http://prntscr.com/fh81d6
    I suggest you to use firebug or inspect element to check the style classes as showing in screenshot and override you new code in custom.css

    Regards

    kbaerthel Friend
    #1040951

    Thanks for your advice.

    Ja, the issue concerning the background image can be solved via custom.css, thanks. Here are my first attempt which I will improve by myself within the next days:
    http://testj3x.halle2.schach-sachsen-anhalt.de/

    But what about the slogan. I assume that can’t be solved via css file.

    Pankaj Sharma Moderator
    #1040964

    Hi
    Use Image as text and then check the slogan again.
    This is defined in the PHP file /tpls/blocks/header.php
    You can customise the code to get both at same time.
    Regards

    kbaerthel Friend
    #1041662

    Thanks,
    have understood, I can change the source and have to handle template upgrades in future by myself.
    Why template Purity III has a parameter ‘slogan’?

    Pankaj Sharma Moderator
    #1041704

    Hi
    Try this tweak

    Turn logo to text and enter the Slogan to Slogan fields.
    Turn back the logo image
    Create custom.css (http://t3-framework.org/documentation/bs3-customization#custom-css) and add this code

    
    .site-slogan {
    display: block!important;
    }

    Regards

Viewing 8 posts - 1 through 8 (of 8 total)

This topic contains 7 replies, has 2 voices, and was last updated by  Pankaj Sharma 2 months ago.

You must be logged in to reply to this topic.