Resize Social Buttons and unregular font in the footer - Support

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

Author

Posts
June 8, 2019 at 7:09 pm #1108479
Wondergirrrl
Participant
Hi,
1. I want to show the social buttons in the header right bigger – they are too small… how can I change it? Can I change color , too?
2. And the font in the footer column 4 with the menu is different to the others – I want to have them like in column 2 and 3. Where can I change it?
3. I want to show the social buttons in the FOOTER bigger, too- they are too small and I want to show them in the middle
4. I want to adjust the theme to responsive – so, do I have to adjust each single objekt in the same – or ist there a special function?
5. Where can I adjust responisve options, when I don’t want to show 2 posts in a row, but just one (startpage)
6. I had to hide the slider in the start page at mobile view – but now the space is too much between menu and the next object. How can I adjust this?
4. I want to show social buttons in the footer at responsive view – now they are hidden -how can I change?

Can you help plse?
Thnx so much!!!
- This topic was modified 5 years, 5 months ago by Wondergirrrl.
June 9, 2019 at 4:47 pm #1108611
Victoria
Inactive Moderator
Hey Wondergirrrl,

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
```
#top .social_bookmarks li {
    margin: 5px;
        width: 40px;}
#top .social_bookmarks li a {
    font-size: 30px;
    width: 50px;
    line-height: 40px;
    min-height: 40px;
}
#top .social_bookmarks{
    height: 40px;
}
```
2 -3 -4 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
June 10, 2019 at 12:49 pm #1108807
Wondergirrrl
Participant
Hi Victoria,
thanks, but it does not work, the buttons are still to small – and I cannot find themes/enfold/css/custom.css
And further more, what do you mena with mockup? Didn’t you understand what I mean? If my english is too bad, I will open a support ticket in german – shall I? I try to explain better. The website is http://www.leonpluto.de, I put the lig in data into private info, too.

2. And the font in the footer column 4 (with impressum and dateschutz) is different to the other columns, if you look at the page, you ll see the difference. I want the fonts in the columns all at the same size – Where can I change it?

3. I want to show the social buttons in the FOOTER bigger, too- they are too small and I want to show them in the middle?? How can I change (I don#t know how to eplain better.)

4. I want to adjust the theme to responsive – so, do I have to adjust each single objekt in the same – or ist there a special function? – I Mean: Where can I adjust the the seems lokks at mobile view good?

5. Where can I adjust responisve options, when I don’t want to show 2 posts in a row, but just one (startpage) – just give a try, you’ll see it, whne you look at the page on monile view

6. I had to hide the slider in the start page at mobile view – but now the space is too much between menu and the next object. How can I adjust this? – just give a try, you’ll see it, when you look at the page with mobile view

7. I want to show social buttons in the header or footer at mobile view – at the moment they are hidden – how can I achieve this?

8. And new: the space at mobile view beetween content an footer is too large. How can I adjust this?
- This reply was modified 5 years, 5 months ago by Wondergirrrl.
June 11, 2019 at 4:27 pm #1109206
Victoria
Inactive Moderator
Hi Wondergirrrl,

https://cl.ly/3fcedc71d4fe The code I gave you just increases the icons here and in the footer. And so it does work, I am not sure what buttons you’re talking about here.

2 You’re using different widgets for the footer columns and so they have different html and styles.

The code can be added to the Quick css:
```
#top .widget_nav_menu li {
    font-size: inherit;
}
```
The theme is fully responsive and so I am not sure what elements and for what screen sizes you need to adjust. A screenshot would help.

This code will get the social icons to show on mobile:
```
@media only screen and (max-width: 479px) {
    .responsive #top #wrap_all #header .social_bookmarks,
     .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
        display: block;
    }
}
```
Best regards,
Victoria
June 12, 2019 at 1:26 am #1109313

Wondergirrrl
Participant

Hi:-)
Sry for still going on the your nerves, but

1. I put in the code, it didn’t change the font size in the footer – but I solved it via text links, so it is ok.
2. I can see the social icons on mobile, but they are too big now, so that the search function and menu overlay the logo. Number 1 an 2 in the screenshot. Is there any other possibility to place them? Perhaps down to the footer?

3. Then I ve hiddn an element on mobile view, but now the space is so large between header and the next element. It is Number 3 in the screenshot above. How can I correct this?
4. NEW: I really tried for 1 hour to bring back the text section above the Read more Tag in the posting back under the post previewon the start page – but I don’t know how to do this.
5. Whne you click on a post, you see only the text – but no picture and no headline. How can I bring that back?

Thnx a lot Victoria!
Best regards!
Iris

June 16, 2019 at 5:00 pm #1110806
Victoria
Inactive Moderator
Hi Wondergirrrl,

Just wrap the code for the social icons I gave you in the media query like so
```
@media only screen and (min-width: 1024px) {
#top .social_bookmarks li {
    margin: 5px;
        width: 40px;}
#top .social_bookmarks li a {
    font-size: 30px;
    width: 50px;
    line-height: 40px;
    min-height: 40px;
}
#top .social_bookmarks{
    height: 40px;
}
}
```
As for the blog posts, if you’re using the Advanced Layout Builder to build then you need to add the image and the title using the Advanced Layout Builder elements.

Please upload the screenshot to a service like https://imgur.com/upload and give us the link here.

Best regards,
Victoria
June 16, 2019 at 5:00 pm #1110807
Victoria
Inactive Moderator
Hi Wondergirrrl,

Just wrap the code for the social icons I gave you in the media query like so
```
@media only screen and (min-width: 1024px) {
#top .social_bookmarks li {
    margin: 5px;
        width: 40px;}
#top .social_bookmarks li a {
    font-size: 30px;
    width: 50px;
    line-height: 40px;
    min-height: 40px;
}
#top .social_bookmarks{
    height: 40px;
}
}
```
As for the blog posts, if you’re using the Advanced Layout Builder to build then you need to add the image and the title using the Advanced Layout Builder elements.

Please upload the screenshot to a service like https://imgur.com/upload and give us the link here.

Best regards,
Victoria
June 28, 2019 at 11:25 am #1114204

tatek
Participant

Great it makes it much more readable.
Is it Possible to change the blue bullet animation to something reverse?
I mean that the blue background is always visible an will disappear by a hover?

Thank you,
Regard, Gerald

June 29, 2019 at 2:12 pm #1114432

Victoria
Inactive Moderator

Hi Gerald,

Could you please give us a link to your website, we need more context to be able to help you.

Best regards,
Victoria
Author

Posts

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

You must be logged in to reply to this topic.