Okay
  Public Ticket #2606809
Changing H1 width on homapage
Closed

Comments

  •  19
    Brian started the conversation

    I want to make the H1 area bigger on the homepage, so that the text fits.

    See the attachments, H1-1 is how we want it and H1-2 is how it is.

  •  2,963
    Andrew replied

    Hi Brian

    Please send your website url.

    Thanks

  •  2,963
    Andrew replied

    Hi Brian, 

    You can also try adjusting from here: Salient > Typography > Navigation and page header:

    1249439160.png

    Thanks.

  •  19
    Brian replied

    Thank you for your reply.
    The URL is https://www.lantackbeta.nl.
    The Typography options dit not change the width of the field where the H1 is in.

  •  2,963
    Andrew replied

    Hi Brian,

    The right click is disabled. Please give grant us this accessibility so that we are able to inspect and give possible CSS.

    Regards.

  •  19
    Brian replied

    My bad... now you can use the inspector tool!

  •  2,963
    Andrew replied

    Hi Brian,

    The inspect element is also disabled.

    Thanks.

  •  19
    Brian replied

    Andrew this is caused by a plugin.
    This plugin is disabled, so it could be a cache issue?
    It works on my side...

  •  2,963
    Andrew replied

    Hi Brian,

    Thank you it is working now. 

    Please try this css:

    @media only screen and (min-width: 1000px)
    .nectar-highlighted-text.font_size_10vh h1, .nectar-highlighted-text.font_size_10vh h2, .nectar-highlighted-text.font_size_10vh h3, .nectar-highlighted-text.font_size_10vh h4 {
        font-size: 8vh;
    }

    Thanks.

  •  19
    Brian replied

    Thank you, but this did not seem to do anything.
    Can't we like change the size of the container the text is in?
    If I change the 682px width to 850px it is perfect, but I can't figure out how to fix this or change this.

  •  2,963
    Andrew replied

    Hi Brian,

    Please try this css:

    .wpb_wrapper>div {
        width: 324px;
    }

    Hope this helps.

    Kind Regards.

  •  19
    Brian replied

    Thank you this worked perfectly! :D

  •  19
    Brian replied

    It screwed up the whole layout, so it did not go as planned.
    The H1 on was like the image I attached, but the entire layout changed because of that code.
    Any other options?

  •  2,963
    Andrew replied

    Hi Brian, 

    Could you try checking for plugin conflict that could be messing anything. You can do this by deactivating all other third party plugins. If the issue stopped then you can narrow the culprit by activating one after the other.

    Kind regards.

  •  19
    Brian replied

    Andrew, this is not plugin related. It still happens when all of them are disabled.
    I think that it is because there are multiple sections that use the 'wpb_wrapper'.
    Can't be more specific? Maybe even make a custom class or ID that I can then add to the row?

    I don't know if there is another way to make the text section 850px in width?

    .wpb_wrapper>div {
        width: 324px;
    }
  •  2,963
    Andrew replied

    Hi Brian,

    Please send us your login credentials with admin privileges so that we can look into the issue further.

    Thanks.

  •   Brian replied privately
  •  2,963
    Andrew replied

    Hi Brian,

    Try this css:

    @media only screen and (min-width: 1000px){
    .nectar-highlighted-text.font_size_10vh h1, .nectar-highlighted-text.font_size_10vh h2, .nectar-highlighted-text.font_size_10vh h3, .nectar-highlighted-text.font_size_10vh h4 {
        font-size: 7vh !important;
    } }

    Thanks.

  •  19
    Brian replied

    This just makes the font smaller and it does not seem to be reversible?

    See the attachment of the box that I try to make bigger (in width).
    I don't want to make the font smaller.

  •  2,963
    Andrew replied

    Hi Brian, 

    Looks like your login credentials are no longer working, please check and resend.

    Thanks

  •  19
    Brian replied

    My bad. I restored my website to 9am this morning. The account was not present at that time.

    I’ll send you some new credentials!

  •   Brian replied privately
  •  2,963
    Andrew replied

    Hi Brian,

    Sorry for the delayed response,

    Please set the minimum width as show to 90vh:

    9083316068.png

    Hope this helps.

    Kind Regards.

  •  19
    Brian replied

    Andrew, thank you! Did not know that there was an option within the inner row to change the width...
    This worked perfectly! :D