Your Time:
Our Time:
← Back to discussions

Remove drop cap from post and change font in search

Need help with a different issue? Search the forums or open a new ticket.
Open a support ticket

This topic has 7 replies, 4 voices, and was last updated 6 years, 5 months ago by Fem.

  • 2020-04-13 at 10:10 pm
    Unknown Support Status
    #26991
    lconaway_2
    Participant
    • Topics: 7
    • Replies: 17
    • Total posts: 24
    • Post count: 20

    I do not want the drop cap in my posts. Where do I configure that? Also, I’m using the search in the header like your demo (click the magnifying glass and search box appears), but I can’t locate the configuration area for that either. I’d like to change the font and the color of the x to close the box.

    2020-04-13 at 11:46 pm
    #26993
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Remove the following css code from style.css file

    .singlepost .entry-content > p:first-of-type:first-letter {
    	float: left;
        margin: 10px 10px 0 0;
        font-size: 60px;
        font-weight: bold;
        line-height: 45px;
    	color: #990b6e;
    }
    2020-04-17 at 2:46 am
    Unknown Support Status
    #27010
    lconaway_2
    Participant
    • Topics: 7
    • Replies: 17
    • Total posts: 24
    • Post count: 20

    THanks for the drop cap info. Where do I find the styling for the drop down search bar?

    2020-04-17 at 11:21 am
    Unknown Support Status
    #27013
    Asiya Fatima
    Participant
    • Topics: 0
    • Replies: 97
    • Total posts: 97
    • Post count: 325

    Hi, @lconaway_2
    you can style for the Dropdown Menu from,
    Go to the Appearance->Labora->Styling->Menu from there you can do your own styling.

    • This reply was modified 6 years, 5 months ago by Asiya Fatima.
    2020-04-17 at 10:03 pm
    Unknown Support Status
    #27016
    lconaway_2
    Participant
    • Topics: 7
    • Replies: 17
    • Total posts: 24
    • Post count: 20

    I’m trying to adjust the colors and fonts in the search bar. I have gone into the menu styling and made adjustments to every option. That did not fix it.

    If you go here – http://18.220.133.230/ – and click on the search icon you’ll see what I mean.

    Thank you!

    2020-04-17 at 11:48 pm
    Unknown Support Status
    #27017
    Asiya Fatima
    Participant
    • Topics: 0
    • Replies: 97
    • Total posts: 97
    • Post count: 325

    Hi, @lconaway_2,
    The colors which you add in menu styling are working fine and about the search icon, I added the color the search icon is displaying now.

    you can change the color from custom styling,
    Go to the Appearance->Labora->Styling->Custom CSS from there you can change color.

    2020-04-18 at 2:34 am
    Unknown Support Status
    #27018
    lconaway_2
    Participant
    • Topics: 7
    • Replies: 17
    • Total posts: 24
    • Post count: 20

    Any chance you might be able to provide me with the CSS code to address the color and font for the search bar?

    2020-04-18 at 10:29 am
    #27021
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Hi, lconaway_2
    If you want to change the search bar close icon color and font size add these following code in your custom css.

    .search-close {
        font-size: 18px!important;
        color: #990b6e!important;
    }

    And for the search bar background color and placeholder font size add this code.

    #ivaSearchbar {
        background-color: #bd3636!important;
    }
    .ivaInput[type="text"] {
      font-size: 24px!important;
    }

    Note: Change font size and background color change as per your requirement.

You must be logged in to reply to this topic.