Tagged: https://inbe.se/
- This topic has 18 replies, 2 voices, and was last updated 3 years, 3 months ago by
Skandha.
-
AuthorPosts
-
February 22, 2021 at 4:27 pm #274870
Ingeborg Andersson
ParticipantHi!
How do I change the design of the social icons? http://www.inbe.seHow can I change the font size on the header. The same goes for the headlines for Team and Testimonial.
I have changed headlines to H4 and want all other headlines having the same size, how do I do that?I would like to use the contact icon for phone and email in my footer but have them placed side by side instead of under each other, how do I do that?
I have also tried working with tablets but cannot get the border invisible – how do I do that?
February 22, 2021 at 10:20 pm #274889Skandha
Participant@ingeborgandersson: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code./* To change the font size of social icons */ .social-navigation .icon { height: 20px; width: 20px; } /* To change the font size of section title of Team and Testimonial */ #testimonial-content-section .section-title, #team-content-section .section-title { font-size: 40px; } /* To change the position of Contact phone and email in the footer */ .contact-details > div { display: inline-block; width: auto; } .contact-phone { margin-right: 30px !important; }
You can change the font size, height and width according to your choice.
Let me know if this works out!
Kind Regards,
SkandhaFebruary 23, 2021 at 8:41 am #274942Ingeborg Andersson
ParticipantHello Skandha!
Thank you so much it works!It would be great to have the code for font size for the menu on the header as well as for the text within the Testimonial and Team too 😀
Further on I wounder how to get rid of the gap on front page between the row with pictures and the headline “Referenser”
How do I get rid of the headlines on top of each page, I dont’t need them.
My blogpage – looks good except the headline that repeat it self in the bottom. How do I fix that?
Also if you click on one blogpost the font size for next blogpost at the bottom is HUGE – how do I fix that?
http://www.inbe.seFebruary 24, 2021 at 1:43 am #275008Skandha
Participant@ingeborgandersson: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code./* To change the font size of menu on the header */ #site-navigation a { font-size: 20px; } /* To change text in Testimonial and Team Section .team-content-wrapper .entry-summary, .testimonial-content-wrapper .entry-content { font-size: 25px !important; } /* To reduce the distance above Testimonial section */ .home #content, .home #content .wrapper { padding-bottom: 0; } /* To get rid of the headlines on top of each page */ .page article .entry-header { display: none; } /* To reduce the font size of pagination at the bottom of posts */ .navigation.post-navigation .nav-links h1 { font-size: 30px; }
For the title appearing in the footer of every blog post try deactivating all your plugins and check if the issue is resolved. Let me know if the issue persists
You can change the font size according to your choice.
Let me know if this works out!
Kind Regards,
SkandhaMarch 1, 2021 at 9:20 am #275472Ingeborg Andersson
ParticipantThank you so much, but I still have an issue with my blogpage. https://inbe.se/blogg/
The headline still repeats it self – how do I solve that?
Also, how to change the font size of headline on my blog?
The font size of the pagination at the bottom seem to change size when I change the size of the window. Same goes for the headline on top. Why is that?I don’t understand how I can get your contact form on another page, same goes for using portfolio on another page.
I can only choose between entire site or frontpage.
And I only want my contact field on my contact page. And same goes for my portfolio page I want to use your portfolio from “Appearance”. How am I supposed to do this?In the testimonials on my frontpage I would like to add quotation marks. Is that possible?
Mobiles screen: I notice when I scroll down on my phone suddenly the whole page moves to the left and I cannot get it centered with my fingers. I have to close my website and reopen the page. Why is this?
Kind regards
IngeborgMarch 3, 2021 at 7:22 am #275696Skandha
Participant@ingeborgandersson: Hello there,
Can you let me know which headline you are referring to?The font size changes with changes in the screen size to maintain uniformity.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
/* To change font size of the archive page */ .archive-grid article .entry-summary { font-size: 30px; } /* To have quotation mark on the testimonial section */ #testimonial-content-section .entry-content::before { content: "\201C"; font-family: "georgia"; display: block; font-size: 94px; font-size: 5.875rem; line-height: 50px; }
To have the portfolio section only on Portfolio page please enable the section on the entire site and let me know on which page you want it enabled.
To get you contact form to another page.
Go to => Dashboard => Contact Form 7 => Copy the short code for the form you want to use => Edit the post/page where you want the form => Add New Block => Widgets => Shortcode => Paste the code and Update the post/page.Can you please attach a screenshot of the issue with the whole page moving to the left on scroll on mobile phones?
Let me know if this works out!
Kind Regards,
SkandhaMarch 7, 2021 at 2:09 pm #276094Ingeborg Andersson
ParticipantHi!
The headlines on the section Teams has disappeard. Sometimes when I enlarge the window they show up but mostly they are gone. Same on mobile – they don’t show anymore. They did once in the beginning, I have tried to deactive plugins but it doesn’t help. What has gone wrong?
Kind regards
IngeborgMarch 8, 2021 at 3:10 am #276135Skandha
Participant@ingeborgandersson: Hello Ingeborg,
Please replace the code/* To get rid of the headlines on top of each page */ .page article .entry-header { display: none; }
with the code below.
.page article .entry-header .section-title { display: none; }
Let me know if this solves the Team section title issue.
Kind Regards,
SkandhaMarch 18, 2021 at 7:23 am #277174Ingeborg Andersson
ParticipantThank you Skandha, that worked fine with the headline for Teams:D
Now I’m trying to change the headline on my Blog page – cannot find where to do that
“News From The Blog”Best regards
IngeborgMarch 18, 2021 at 7:53 am #277181Skandha
Participant@ingeborgandersson: Hello Ingeborg,
Go to => Appearance => Customize => Theme Options => Homepage/Frontpage Options => Recent Posts Sub Heading => Change the text here and Publish.Let me know if this works out!
Kind Regards,
SkandhaMay 22, 2021 at 4:37 pm #282749Ingeborg Andersson
ParticipantHello Skandha!
On my header media I have written Contact (Kontakt) and linked it to my Contact page.
Now its with black text and white background. I would like to have with just a black frame without the white background. Is it possible?May 23, 2021 at 1:20 am #282762Ingeborg Andersson
ParticipantHello Skandha!
I have added Contact link (Kontakt) on my header media. It looks like a button but I would prefer having it just with a black frame around it without the background. Is it possible?May 24, 2021 at 2:26 am #282819Skandha
Participant@ingeborgandersson: Hello Ingeborg,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.#site-navigation a { color: #fff; } .site-header-main { background-color: #000; } #primary-search-wrapper #social-search-toggle { color: #fff; } .social-top.social-navigation a { color: #fff !important; }
Let me know if this is what you want!
Kind Regards,
SkandhaMay 24, 2021 at 3:19 am #282823Ingeborg Andersson
ParticipantThank you Skandha, but it’s not the right elements I want to change.
It’s the text “KONTAKT” with a white background (looking like button) under the logo in the middle of the image.
I think it would look better without the white background, just have a black frame around it.
How do I do that?May 24, 2021 at 8:39 am #282845Skandha
Participant@ingeborgandersson: Hello Ingeborg,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code..site-header-button .button { background: #000; color: #fff; }
Let me know if this is what you want!
Kind Regards,
SkandhaMay 24, 2021 at 11:31 am #282873Ingeborg Andersson
ParticipantHi 😀
No, now it’s with a black background – I want just a frame in black around the text.
The background should have no color at all, I want the background transparent.May 24, 2021 at 11:03 pm #282901Skandha
Participant@ingeborgandersson: Hello Ingeborg,
Try using the following CSS instead.site-header-button .button { background-color: transparent; border: 1px solid #000; }
Let me know if this is what you want!
Kind Regards,
SkandhaMay 25, 2021 at 2:47 am #282912Ingeborg Andersson
ParticipantThank you so much Skandha!
May 25, 2021 at 6:14 am #282925Skandha
Participant@ingeborgandersson: Hello Ingeborg, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/shutter-up/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂Kind Regards,
Skandha -
AuthorPosts
- The topic ‘Social icons + font size+tablets’ is closed to new replies.