Place a permanent image on top of Genesis Slider

Community Forums Forums Design Tips and Tricks Place a permanent image on top of Genesis Slider

This topic is: not resolved

This topic contains 6 replies, has 2 voices, and was last updated by  redondorealtor 1 year, 9 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #22297

    redondorealtor
    Participant
    Post count: 10

    If I place the following code at the bottom of the style css sheet, with the correct image? -   I want a permanent HEADLINE/COPY on top of the SLIDER?

    /*  Image Placement on top of Genesis Slider*/
    .homebar {
    background: url(“http://Mysite.png”) no-repeat scroll left bottom transparent;
    height: 81px;
    left: -1px;
    position: relative;
    top: -93px;
    width: 469px;
    }

    #22378

    braddalton
    Participant
    Post count: 10563

    Can you link to your site please.

    You can add the image using PHP or CSS.

    The PHP depends on the hook location and includes a conditional tag.

    You can also add a widget or HTML/Text area and include the conditional tag in the function or use the Widget Logic plugin.


    #22443

    redondorealtor
    Participant
    Post count: 10

    sorry…..   http://www.253living.com       it’s live, still a work in progress.   I test on the test site then move the code to the live site.

    I want to put a permanent image on top of the slider…..  Call it a banner advertising me….   I would remove text that is attached to the slider.

    I’m OK with the CSS part of it and where to add it,  not sure how to code the PHP  and how to work with “hooks”

     

    Thanks, Roger

     

    #22448

    braddalton
    Participant
    Post count: 10563

    Place the HTML for the image in the hook location using Genesis Simple Hooks.

    Use this code with Simple Hooks https://gist.github.com/braddalton/5021405

    After nav menu might be the right location

    or

    Create a widgte for that area using this tutorial

    http://designsbynickthegeek.com/tutorials/add-widgeted-sidebar

    Use the is_home conditional tag with the custom function


    #22477

    redondorealtor
    Participant
    Post count: 10

    I inserted the PHP code on the home PHP emplate from your code note from gihub.   Inserted the HTML as above and inserted the correct image language.   The site crashed, obviously I am putting it in the wrong place?

     

    “After Nav Menu”    , on the style sheet?  Or the Home PHP template?

    Sorry, Roger

     

    #22506

    braddalton
    Participant
    Post count: 10563

    If its a custom function, the code goes in your child themes functions.php file. Not the home.php file

    If its wrapped in PHP tags, it goes in the Genesis Simple Hooks plugin field.

    Can you paste the code here please. Just the custom code because i don’t know which code you are using and which method.

    This code goes in the Genesis Simple Hooks field which you need to install first and add the HTML for your image.

    Insert your image into a new posts draft, centre it and grab the HTML which will go between the p tags of the code from gist.github


    #22816

    redondorealtor
    Participant
    Post count: 10

    I used firebug to find the code on   http://msqrealty.com/

    I like the permanent placement of the image over the slider.  Not the search, the image  WASHINGTONS #1 BROKERAGE.  This is the code…
    .homebar {

        background: url(“http://msqrealty.com/images/homebar.png”) no-repeat scroll left bottom transparent;
        height: 81px;
        left: -1px;
        position: relative;
        top: -93px;
        width: 469px;

    Thanks for your patience

     

     

     

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

You must be logged in to reply to this topic.