Seamless integration and customisation

  • Resolved pandap0p

    (@willoughbyltd)


    5 years, 6 months ago

    Really loving the plugin, however I was wondering it would be possible to customise the font and colour of the text? I saw a few threads that have offered some CSS solutions, however I’m not sure where to put these when I’m using the seamless integration function rather than a search module/widget? Any help on this would be much appreciated – thanks!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author ILLID

    (@mihail-barinov)

    5 years, 6 months ago

    Hello,

    The best way to put your customm css is to use Customizer tool. So just open Appearance -> Customize -> Additional CSS and add all your custom css inside the box.

    Regards

    Thread Starter pandap0p

    (@willoughbyltd)

    5 years, 6 months ago

    Thank you – that makes sense! Would you be able to help me with the CSS code to do that? I’ve tried it with the below and it doesn’t seem to work.

    .aws-search-result {
    font-size: 13px;
    font-family: Poppins;
    font-style:black
}

    Thanks again for your help 🙂

    • This reply was modified 5 years, 6 months ago by pandap0p.
    Plugin Author ILLID

    (@mihail-barinov)

    5 years, 6 months ago

    Please use styles like that

    .aws-search-result .aws_result_title,
.aws-search-result .aws_result_excerpt {
    font-size: 13px;
    font: 'Poppins';
    color:black;
}
    Thread Starter pandap0p

    (@willoughbyltd)

    5 years, 6 months ago

    Unfortunately it doesn’t seem to have worked 🙁 I’m trying to change this bit too:

    View post on imgur.com

    Thank you!

    Plugin Author ILLID

    (@mihail-barinov)

    5 years, 5 months ago

    So if you want to change placeholder text styles please use

    .aws-container .aws-search-field {
    font-size: 13px;
    font: 'Poppins';
}
.aws-container .aws-search-field::-webkit-input-placeholder { 
    color:#000; 
}
    Thread Starter pandap0p

    (@willoughbyltd)

    5 years, 5 months ago

    Thanks! It still doesn’t quite seem to be working. The text is still a different font however in places it is black. This is the CSS code I’m using:

    
.aws-search-result .aws_result_title,
.aws-search-result .aws_result_excerpt {
    font-size:17px;
    font:'Poppins';
    color:black;
}

.aws-container .aws-search-field {
    font-size:17px;
    font:'Poppins';
		color:black
	
}
.aws-container .aws-search-field::-webkit-input-placeholder { 
    color:black; 
}

    Perhaps it’s just a problem with my site?

    Plugin Author ILLID

    (@mihail-barinov)

    5 years, 5 months ago

    Can you give me the link to the page where the search form with these styles are now placed?

    Thread Starter pandap0p

    (@willoughbyltd)

    5 years, 5 months ago

    Sure thing – it’s on the yellow menu:

    https://simoncookeinteriors.co.uk/shop

    Thanks!

    • This reply was modified 5 years, 5 months ago by pandap0p.
    Plugin Author ILLID

    (@mihail-barinov)

    5 years, 5 months ago

    Looks like I understand. Please update styles to

    .aws-search-result .aws_result_title,
.aws-search-result .aws_result_excerpt {
    font-size: 17px !important;
    font-family: 'Poppins' !important;
    color: black !important;
}
.aws-container .aws-search-field {
    font-size: 17px !important;
    font-family: 'Poppins' !important;
    color: black !important;
}
.aws-container .aws-search-field::-webkit-input-placeholder { 
    color:black !important;
}
    Thread Starter pandap0p

    (@willoughbyltd)

    5 years, 5 months ago

    That’s great, thank you so much for all your help 🙂

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Seamless integration and customisation’ is closed to new replies.