-
Posts
-
how can i change the mansory background color to white?
is use this code but it do not worK:
/*Mansory Blog Hintergrund schwarz*/ .main_color .container .av-inner-masonry-content{ background:#ffffff!important; } .main_color #av-masonry-1.av-masonry { background-color: #ffffff; } /* Mansory Schrift zentrieren*/ #top .av-inner-masonry .av-masonry-entry-title { text-align: center; color: #ffffff; }Thank you very much, Alex
Hey diefleischerei,
Could you please clear the cache, check again and get back to us.
Best regards,
VictoriaHi Victoria, i fixed it already.
But can you help me with another thing. How can i remove the borders between the social share icons here: https://imgur.com/a/dQq3ApC and change the mouse over text from english to german?
Greetings, Alex
And one more thing :) Many visitors of my blog ask me “how can i print the recipie?” is there a way to do this with enfold. to add a “print” icon and print out one blog post? https://imgur.com/a/NdMkIJV and is there a way to only print out the text inside one color section instead of the whole blog post?
Thanks, and have a nice sunny day, Alex
Hi diefleischerei,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.av-share-box ul li { border: none; }Where do you need the print icon? Could you please attach a mockup of what you’re trying to achieve?
If you need further assistance please let us know.
Best regards,
VictoriaThank you and sure. Here is an mockup of the print icons as you wish: https://imgur.com/a/NdMkIJV
Greetings, Alex
Hi Victoria, how can i change the color of the social share icons to white color? and is there a simple way to double them in size? Thanks, Alex.
Hi Alex,
For the printing part, you can look at these links
https://www.wpbeginner.com/plugins/how-to-add-a-printer-friendly-option-to-your-wordpress-posts/
Here is the code for the social share icons, you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.av-share-box ul li a { color: #fff; }If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria, how can i change the size of the social share icons? i want to double them in size? Thanks, Alex.
Hi Jordan. No, this one at the end of the blog post: https://imgur.com/a/dQq3ApC
Hi,
Add this to quick css:
.av-share-box ul li a{ font-size:30px!important; }Best regards,
Jordan ShannonHey, thank you very much. It looks great at Desktop View (1) https://imgur.com/a/B6sSEjN but it do not look good at mobile view (2)
Can you help me to split the icons in two lines (3) only in mobile view. Thank you very much, Alex
Hi diefleischerei,
https://cl.ly/afb0e714090c It looks fine on my end. Did you get it fixed?
Best regards,
VictoriaHi Victoria, please look at the second image here: https://imgur.com/a/B6sSEjN
I try to get this look for the mobile view: https://imgur.com/a/B6sSEjN
Thanks, Alex
Hi,
Thank you for sharing the screenshots.
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - */ @media only screen and (max-width:767px) { #av_section_1 .av-share-box-list { display: flex !important; flex-direction:row; flex-wrap:wrap; justify-content: space-around; } #av_section_1 .av-share-box-list::before, .av-share-box-list::after { content: ''; width: 100%; order: 1; } #av_section_1 .av-share-box-list li:nth-child(n + 4) { order: 1; } #av_section_1 .av-share-box-list li:nth-child(n + 7) { order: 2; } }Best regards,
Vinay
- You must be logged in to reply to this topic.