- This topic has 10 replies, 4 voices, and was last updated 5 years ago by
Tom.
-
AuthorPosts
-
August 15, 2015 at 12:02 pm #129592
Stephanie
Hi Tom,
Can you tell me how to create the tooltip background you have in section 2 of Generate Press.Thanks
August 15, 2015 at 12:18 pm #129598Tom
Lead DeveloperLead DeveloperHi there,
Not too sure what you mean? Could you take a screenshot possibly?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 15, 2015 at 12:42 pm #129603Jean
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
August 16, 2015 at 8:14 pm #129862Stephanie
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.
August 16, 2015 at 11:55 pm #129865Tom
Lead DeveloperLead DeveloperThe instructions Jean gave above should be perfect.
Any chance you can link us to the page so we can inspect the code?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 17, 2015 at 4:11 pm #130065Stephanie
August 17, 2015 at 4:34 pm #130081Jean
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.August 17, 2015 at 7:29 pm #130113Stephanie
Jean, that worked. Thanks Again!
February 12, 2016 at 11:36 pm #172458Rylan
Hey Jean / Tom
Followed the exact steps you gave.
Can you see why the arrow isn’t coming up for me?
February 12, 2016 at 11:37 pm #172459February 12, 2016 at 11:45 pm #172460Tom
Lead DeveloperLead DeveloperYour 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' );
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.