I am almost done finetuning my Color-scheme. One thing that bothers me a bit in the mobile version, are the grey and white dividing lines. I would like to be able to remove them or give them a color of my choice. This way, it will be more in line with the desktop version.
The attachment shows one example. The white variant of this line you can find on the contact page of the website.
@media only screen and (max-width: 1023px) {
.copyright-social-wrapper {
border-color: #fff;
}
}
/* This is a fix for the portfolio title display */
.portfolio-item-title {
margin-top: 3%;
position: static;
text-align: right;
}
If you would also like to use custom CSS for other elements, I recommend Developer Tools on Chrome or Firebug on Firefox to inspect the elements on the page. Then you will know which CSS selector to adjust.
Not only did you fixed the question from this ticket, but also picked up on another thing I was tempering with (and felt bad to bother you with :)). You offer by far the best support on a product I ever had!
Hi,
I am almost done finetuning my Color-scheme. One thing that bothers me a bit in the mobile version, are the grey and white dividing lines. I would like to be able to remove them or give them a color of my choice. This way, it will be more in line with the desktop version.
The attachment shows one example. The white variant of this line you can find on the contact page of the website.
Thanks!
Hi there!
You can use this custom CSS to change the colors:
hr { border-color: #000; } @media only screen and (max-width: 1023px) { #side-container, .side-fixed #side-container { border-color: #000; } }Regards,
Paul
Hi Paul,
That worked, brilliant! Thanks for your quick help :). Can you do the same for the copyright footer?
There you go!
@media only screen and (max-width: 1023px) { .copyright-social-wrapper { border-color: #fff; } } /* This is a fix for the portfolio title display */ .portfolio-item-title { margin-top: 3%; position: static; text-align: right; }If you would also like to use custom CSS for other elements, I recommend Developer Tools on Chrome or Firebug on Firefox to inspect the elements on the page. Then you will know which CSS selector to adjust.
More info: https://uxbarn.com/inspecting-elements-developer-tools/
Wow Paul, thanks a lot again :D.
Not only did you fixed the question from this ticket, but also picked up on another thing I was tempering with (and felt bad to bother you with :)). You offer by far the best support on a product I ever had!
You're most welcome, Martin! I am glad I could help!