[Resolved] Tooltip

Home Forums Support Tooltip

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #129592
    Stephanie

    Hi Tom,
    Can you tell me how to create the tooltip background you have in section 2 of Generate Press.

    Thanks

    #129598
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Not too sure what you mean? Could you take a screenshot possibly?

    #129603
    Jean

    Hey Stephanie, for the tooltip you will need a custom css class and a tooltip image.

    For the tooltip here in GP site the css used is this:

    .home-info-section {
    	background-image: url('URL TO YOUR ARROW IMAGE')!important;
    	background-repeat: no-repeat;
    	background-position: center top;
    	background-size: auto;
    }

    Just place home-info-section into your section CUSTOM CLASSES, upload the image to your site and change the URL in the code above.

    To add CSS follow this tutorial: https://generatepress.com/knowledgebase/adding-css/

    Jean

    #129862
    Stephanie

    Hi Tom,

    The section that says:

    Responsive, Multipurpose WordPress Theme

    GeneratePress is lightweight, powerful and easy to use!

    I place the photo in my section background but the bottom point is not showing.I also used the instruction that Jean give, that still did not work. I am missing something not sure what.

    Jean thanks for your help.

    #129865
    Tom
    Lead Developer
    Lead Developer

    The instructions Jean gave above should be perfect.

    Any chance you can link us to the page so we can inspect the code?

    #130065
    Stephanie

    http://www.optirocks.com

    It’s the pink section.

    Thanks Again

    #130081
    Jean

    As I can see you want to display the tooltip in the section below. Your image should be just uploaded to your media library, not as section background.

    Also your image must be only the tooltip like this:

    And you need to add the custom class home-info-section to your 4th section. Hope that now is more clearly the steps.

    #130113
    Stephanie

    Jean, that worked. Thanks Again!

    #172458
    Rylan

    Hey Jean / Tom

    Followed the exact steps you gave.

    Can you see why the arrow isn’t coming up for me?

    #172459
    Rylan
    #172460
    Tom
    Lead Developer
    Lead Developer

    Your CSS is:

    background-image: http://solarsellmarketing.com/wp-content/uploads/2016/02/Solar-Marketing-Tips.png!important;

    It should be:

    background-image: url( 'http://solarsellmarketing.com/wp-content/uploads/2016/02/Solar-Marketing-Tips.png' );

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.