Display problems

Hello @sportetassocies

Hope all is well!

my pop up is on every page! Despite the settings “Only these pages”.

I can’t reproduce the same from my end, please make sure that you’re using latest Hustle version. If this issue still persists, please run a quick test for a conflict with another plugin/theme:
– Deactivate all the other plugins, besides Hustle and see if it is showing up on other pages
– If the issue persists, please switch to a default WordPress theme and test again
– If all is well, activate one plugin at the time, each time checking if the popup will be shown.

i use the design “sunrise”. Everything is cool on my home page but when i click on an article, the red color of the pop up turns grey !

This can be fixed with CSS code, although please clarify when you’re selecting content within the popup the background of selected text becomes grey?

Please, after running a test for a conflict, if all is well, enable popup and share a link to your site with us so we could see it and share here the CSS code.

Let us know how it went!

Cheers,
Nastia

Hi !
Thank you for the answer.
“– Deactivate all the other plugins, besides Hustle and see if it is showing up on other pages
– If the issue persists, please switch to a default WordPress theme and test again
– If all is well, activate one plugin at the time, each time checking if the popup will be shown.”

I will try it asap.

“although please clarify when you’re selecting content within the popup the background of selected text becomes grey?”
On the homepage the background of the text has the right color but inside an article, the background becomes grey.

Plus i discover a responsive issue (maybe it’s my theme). On mobile, the image is cropped and you can see only one sentence of my text (with no indication to scroll).
Sorry for my english, i hope you understand me !

i ve created a link. You will be able to see the grey and the responsive problems.

https://www.sportetassocies.fr/test-for-hustle/

thank you for your help !

Hello @sportetassocies

Hope all os well, regarding the first issue, where the popup shows u on all pages, despite the settings “Only these pages”. So far I see the popup is showing up only on one test page that you’ve created here /test-for-hustle/. If you found a plugin that was conflicting with the Hustle, please let us know.

On the homepage the background of the text has the right color but inside an article, the background becomes grey.
If I understood correctly, you mean the grey background color behind the main content. Please see the screenshot:
https://take.ms/kKMab
Please, edit a popup, go to the Design section, enable “Customize colors” option and change the color of Main Background to a color of your choice

If this will not work, please add this CSS code to the Appearance > Customize > Additional CSS:

.hustle-modal-content, article {
    background-color: #b03e34 !important;
}

Plus i discover a responsive issue (maybe it’s my theme). On mobile, the image is cropped and you can see only one sentence of my text (with no indication to scroll).

The scroll option for the content inside the popup can be done only within this section. Please see the screencasts:
https://take.ms/Hp1as

As for the image, since teh design option is selected for your popup is Cover, it responsively crops the image based on the mobile device dimension to fit the image in an image container.

You can change these setting sin Design section, under Featured image fitting, change the image alignment in Horizontal image position and Vertical image position.

Change the Vertical Image Position to Top, for an example, this way the image will not be cut at the top in mobile view.

Hope this helps!

Cheers,
Nastia

Thank you for your help

i will test and apply your advices and will tell you how it went.

thanks again !

Nastia everything is cool now ! thank you very much !

I know that i’m annoying but i have one last request.

On mobile, we can only see my headline in white “Vivez l’expérience Sport&Associés !”
If i want to see the rest i need to scroll. My issue is : there is no indication for scrolling. The reader can’t guess that is has to scroll.
What can i do ?

thanks !

Hey @sportetassocies,

Hope you’re well.

If you want, we can try to smaller font-size for mobile view and fewer margins. So it can feel the scroll with giving clue there is more content. Can you try adding this custom CSS;

@media(max-width:768px){
    .hustle-modal .hustle-modal-article>h2{
        margin-bottom: 0;
        font-size: 1.2em;
    }

    .hustle-modal .hustle-modal-article>h4{
        margin-top: -5px;
    }
}

Cheers,
Oguz

great fantastic !

thank you very much !