change mansory background color to white - Support | Kriesi.at

Viewing 18 posts - 1 through 18 (of 18 total)

Author

Posts
October 23, 2019 at 3:03 pm #1150525
diefleischerei
Participant
View post on imgur.com

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
October 23, 2019 at 8:48 pm #1150633

Victoria
Inactive Moderator

Hey diefleischerei,

Could you please clear the cache, check again and get back to us.

Best regards,
Victoria

October 24, 2019 at 10:27 am #1150808

diefleischerei
Participant

Hi 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

October 24, 2019 at 10:48 am #1150823

diefleischerei
Participant

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

October 24, 2019 at 1:53 pm #1150883
Victoria
Inactive Moderator
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,
Victoria
October 26, 2019 at 9:30 pm #1151406

diefleischerei
Participant

Thank you and sure. Here is an mockup of the print icons as you wish: https://imgur.com/a/NdMkIJV

Greetings, Alex

October 26, 2019 at 9:35 pm #1151407

diefleischerei
Participant

View post on imgur.com

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.

October 27, 2019 at 1:18 pm #1151543
Victoria
Inactive Moderator
Hi Alex,

For the printing part, you can look at these links

4 Plugins to Make WordPress Printer-Friendly

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,
Victoria
October 28, 2019 at 5:39 pm #1151839

diefleischerei
Participant

Hi Victoria, how can i change the size of the social share icons? i want to double them in size? Thanks, Alex.

October 28, 2019 at 10:04 pm #1151896

Jordan Shannon
Inactive Moderator

Hi,

The icons in the header?

Best regards,
Jordan Shannon

October 29, 2019 at 11:06 am #1152014

diefleischerei
Participant

Hi Jordan. No, this one at the end of the blog post: https://imgur.com/a/dQq3ApC

October 29, 2019 at 11:53 pm #1152186
Jordan Shannon
Inactive Moderator
Hi,

Add this to quick css:
```
.av-share-box ul li a{
font-size:30px!important;
}
```
Best regards,
Jordan Shannon
October 30, 2019 at 9:35 am #1152248

diefleischerei
Participant

Hey, 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

October 30, 2019 at 5:03 pm #1152424

Victoria
Inactive Moderator

Hi diefleischerei,

https://cl.ly/afb0e714090c It looks fine on my end. Did you get it fixed?

Best regards,
Victoria

October 31, 2019 at 6:03 pm #1152810

diefleischerei
Participant

Hi 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

November 3, 2019 at 10:38 pm #1153572
Vinay
Inactive Moderator
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
- This reply was modified 5 years ago by Vinay.
November 7, 2019 at 6:40 pm #1154703

diefleischerei
Participant

Great. Thank you.

November 7, 2019 at 6:59 pm #1154716

Jordan Shannon
Inactive Moderator

Hi,

Did you need additional help with this topic?

Best regards,
Jordan Shannon
Author

Posts

Viewing 18 posts - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.