Issue with TG Widgets spacing

Home Forums Himalayas Free Issue with TG Widgets spacing

This topic contains 19 replies, has 4 voices, and was last updated by  Nitu Shrestha 2 months, 2 weeks ago.

Viewing 15 posts - 1 through 15 (of 20 total)
  • Author
    Posts
  • #1392032

    adrianfry56
    Participant

    Hi,
    the TG: About, Portfolio, Contact, Featured Posts have an excessive amount of space from above the Title section to below the Description fields – the result is that the main content, images etc., are far too far away from the headings!

    Is there some CSS code I can use to reduce this please?

    Thanks

    #1392165

    Nitu Shrestha
    Moderator

    @adrianfry56

    Can you provide us the URL of your website so that we can inspect it and give you a better solution?

    Thanks.

    #1392210

    adrianfry56
    Participant

    Hi Nitu,
    It’s at:
    https://martynphillips-test-domain.virtualdesigncloud.com

    Cheers.

    #1392388

    Nilan
    Moderator

    Hi,

    Please try the custom CSS below.

    .section-title-wrapper {
            margin-bottom: 50px;
    }

    And it seems you have used contact widget for What I Do Section title. Can you remove it and set the title in the service widget?

    Regards,
    ThemeGrill Support

    #1392408

    adrianfry56
    Participant

    Hi,
    OK that helps the bottom space, however the space ABOVE the title (e.g. ‘WORK’) is still excessive – even if I mod your code to include:
    margin-top: 0px

    Can this be fixed?

    Re’ the What I Do Section title, this is not using the TG services widget, as your forces a 3 wide grid with no option for animation…

    Thanks.

    #1392644

    Nilan
    Moderator

    Hi,

    Add the following custom CSS below to fix the space above the title.

    .section-wrapper {
        padding: 20px 0px;
    }

    Hope this will be helpful to you.

    If there is anything else regarding our theme, please let us know.

    Regards,
    ThemeGrill Support

    #1398854

    Kalexander
    Participant

    Hello,

    I too am having trouble with the placement of the title of a few text widgets on my home page. You’ll notice some of the titles are centered on the page (TG: About Widget, TG: Contact Us, etc), while others are shifted left and missing a dash (Text widget). Is there a CSS code solution to this? If so, where would I input that?

    In addition, does the Countdown widget have the option to include a background image behind the timer?

    https://www.nahealthcareforum.org/

    Cheers,

    Keaton

    #1398920

    Nilan
    Moderator

    @Kalexander,

    Copy the following CSS code to the additional CSS box to make the text widget center aligned.

    .home .widget_text {
        text-align: center;
    }

    Regarding to the query for adding background image in countdown, it seems like you are using plugin. Please, contact to the respective plugin developer.

    Regards,
    ThemeGrill Support

    #1398979

    Kalexander
    Participant

    Hi Nilan,

    That CSS code centered the body of the text, however I am trying to center the ‘Title’on a Text widget, not the body of the text below. Is there any way to do that?

    For example – see ‘NAHF Symposium’ on the website, it is shifted left. I would like to center so it matches the ‘Contact us’ title on the bottom of the page, which was set up using a different widget (TG:Contact Us).

    The only way I’ve gotten the title to center is using TG: widgets, however I am relying on a text widget for this particular part of the home page (NAHF Symposium).

    https://nahealthcareforum.org/

    Your insight is appreciated!

    #1399045

    Nitu Shrestha
    Moderator

    @Kalexander

    Can you add the below CSS code to Additional CSS box and check?

    .home .site-content .widget_text {
        text-align: center;
    }
    
    .home .site-content .textwidget {
        text-align: left;
    }
    .home .site-content .widget_text {
        width: 1200px;
        margin: 0 auto;
        display: block;
    }
    @media (max-width: 1200px) {
    .home .site-content .widget_text {
        width: 96%;
    }
    }

    Thanks.

    #1425903

    Kalexander
    Participant

    Hi Nitu,

    This has worked perfectly! Thank you so much for your help!

    I do have another inquiry that you may be able to help me with…

    Any idea how I can center this slideshow in the middle of the page? I am using the Text widget, and the code i’ve input is [metaslider id=”974″].

    Take a peek at our website here: https://www.nahealthcareforum.org

    Many thanks,

    Keaton

    #1427705

    Nitu Shrestha
    Moderator

    @Kalexander

    Can you add the below CSS code to Additional CSS box and check?

    .metaslider {
      margin: 0 auto;
    }

    We will really appreciate if you could help us too by rating our theme in WordPress repo here:-
    https://wordpress.org/support/view/theme-reviews/himalayas

    Thanks.

    #1440162

    Kalexander
    Participant

    Hi Nitu,

    That doesn’t appear to change anything. I adjusted the margin from 0 to 50 and it didn’t make a difference either way. Hmmmm….

    I will be sure to rate this theme. In the meantime, let me know if you have any other suggestions!

    Thanks,

    Keaton

    #1441146

    Nitu Shrestha
    Moderator

    @Kalexander

    Can you replace the above-provided CSS code with below CSS code and check?

    .metaslider.metaslider-nivo.metaslider-974.ml-slider {
       margin: 0 auto;
    }

    Thanks.

    #1444387

    Kalexander
    Participant

    Hi Nitu,

    That did not change anything, either :/

    Your thoughts?

    I appreciate your help.

    Keaton

Viewing 15 posts - 1 through 15 (of 20 total)

You must be logged in to reply to this topic.