Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Customisation questions
(1 viewing) (1) Guest
"ARI Stream Quiz" WordPress plugin
Go to bottomPage: 1
TOPIC: Customisation questions
#66558
Customisation questions 4 Years, 7 Months ago Karma: 0
Hi, I would like to know how to customise a few things in my personality quiz:

1) I would like to centre the answer title
2) On desktop, at the beginning of the quiz, the image isn't centred, but it is on mobile. How can I centre it?
3) Is it possible to remove the thin line box around the answer at the end of the quiz?
4) I have tried many image sizes for the end of the quiz, and none look good on both mobile and desktop. Is it possible to have the image resize itself to look good on both? Or to have a different image for desktop?

This is the link to the quiz: www.theelysianstylingcompany.co.uk/quiz

Thanks
Last Edit: 2020/05/15 23:06 By info@theelysianstylingcom.
The administrator has disabled public write access.
 
#66559
Re:Customisation questions 4 Years, 7 Months ago Karma: 760
Hello,

1 and 2. Open "ARI Stream Quiz -> Settings -> Advanced" page and populate "Custom CSS styles" parameter with the following code:

Code:


.quiz-question-title {text-align: center !important;}
.quiz-description-image{text-align: center !important;}



3. Could you provide a screenshot and highlight line which you want to remove?

4. It is possible to limit width of images on mobile devices. Add the following CSS styles to "Custom CSS styles" parameter:

Code:


    @media (max-width: 768px) {
        .asq-theme.asq-theme-buzzfeed .quiz-result-wrapper .result-image {
            display: block !important;
            text-align: center;
        }
        
        .asq-theme.asq-theme-buzzfeed .quiz-result-wrapper .result-image IMG {
            max-width: 300px;
        }
    }



Regards,
ARI Soft
The administrator has disabled public write access.
 
#66583
Re:Customisation questions 4 Years, 7 Months ago Karma: 0
Thank you, I've attached an image for your reference. I'd like to remove the line altogether please.
Last Edit: 2020/05/19 14:17 By info@theelysianstylingcom.
The administrator has disabled public write access.
 
#66584
Re:Customisation questions 4 Years, 7 Months ago Karma: 0
Image attached
The administrator has disabled public write access.
 
#66585
Re:Customisation questions 4 Years, 7 Months ago Karma: 760
Add the following code:

.quiz-result {border-style: none !important;}

Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1