Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #274870
    Ingeborg Andersson
    Participant

    Hi!
    How do I change the design of the social icons? http://www.inbe.se

    How 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?

    #274889
    Skandha
    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,
    Skandha

    #274942
    Ingeborg Andersson
    Participant

    Hello 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.se

    #275008
    Skandha
    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,
    Skandha

    #275472
    Ingeborg Andersson
    Participant

    Thank 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
    Ingeborg

    #275696
    Skandha
    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,
    Skandha

    #276094
    Ingeborg Andersson
    Participant

    Hi!
    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
    Ingeborg

    #276135
    Skandha
    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,
    Skandha

    #277174
    Ingeborg Andersson
    Participant

    Thank 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
    Ingeborg

    #277181
    Skandha
    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,
    Skandha

    #282749
    Ingeborg Andersson
    Participant

    Hello 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?

    #282762
    Ingeborg Andersson
    Participant

    Hello 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?

    #282819
    Skandha
    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,
    Skandha

    #282823
    Ingeborg Andersson
    Participant

    Thank 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?

    #282845
    Skandha
    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,
    Skandha

    #282873
    Ingeborg Andersson
    Participant

    Hi 😀
    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.

    #282901
    Skandha
    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,
    Skandha

    #282912
    Ingeborg Andersson
    Participant

    Thank you so much Skandha!

    #282925
    Skandha
    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

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Social icons + font size+tablets’ is closed to new replies.