Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 11, 2020 at 11:59 pm #1236767
    mhcknight

    Hello,
    I am mostly new to this, so apologies for the list of questions. After trying to set up my own layout and struggling, I have based mine on Enfold Medical and followed the documentation. I have run into a few issues:

    1) I have added a header widget as per the instructions. I have not been able to style it fully using the CSS provided, or the Advanced Styling function. Where I have entered code, it has not taken effect. I would like to a) increase the font size to 1.2em, b) change the colour to black, and c) align it left and vertically centred, so it is next to the logo. How can I do this please?

    2) The header widget and flexbox code has reduced the size of our logo. How can I make it larger, please?

    3) My search box is blue, and the search button is not visible. I have tried to use code from these forums, but the code was from 2014 and seems ineffective. How can I change the background to white, with black text, and a search icon visible, please?

    4) When viewed on mobile, my partner logo strip seems staggered. How can I present them vertically centred, please?

    5) When viewed on mobile, the boxes on my page hide the slider, and the header widget appears off screen. This occurs on the Enfold Medical theme example as well. How can I fix this?

    I have included screenshots below. Thank you for your help.

    August 13, 2020 at 3:37 am #1237212
    Rikard

    Hey Jack,

    Let’s stick to one problem at a time. Please try this in Quick CSS for your first question:

    #text-3 p {
    font-size: 1.2em;
    color: #000;
}

#text-3 {
    position: absolute;
    left: 350px;
    margin-top: 25px;
}

    Best regards,
    Rikard

    August 13, 2020 at 11:13 am #1237345
    mhcknight

    Thank you Rikard.
    Using that CSS, the title appears to the right hand side of the menu area. I have adjusted the left margin but results are variable, and it does not seem to “stick” to the logo area.

    August 13, 2020 at 12:11 pm #1237383
    Victoria

    Hi mhcknight,

    It is better to hide the widget on the screens up to 767px, there is really not much space to show the text there.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.