Editing CSS Style

  • wooq123

    (@wooq123)


    7 years, 2 months ago

    Hi, I’m wondering if anyone knows how to edit the css style of “horizontal_selector.php” so that it insntantly loads with a set style on every page? I currently have the shortcode in my header, and I’ve styled it to center the dropdown content; I’ve also changed the font size and color scheme, all with css in my child theme’s style.css file.

    Every time a new page is loaded, you can see the original left aligned style with different font etc. before my css gets applied. I was just wondering if there’s a way to directly edit the stlye within the plugin so the loading of the dropdown on each page looks more seemless.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Pektsekye

    (@pektsekye)

    7 years, 2 months ago

    Hello,

    You can edit the style file of this plugin:
    wp-content/plugins/ymm-search/view/frontend/web/main.css

    Stanislav

    Thread Starter wooq123

    (@wooq123)

    7 years, 1 month ago

    Hey Stanislav, first I wanted to say thanks for your previous help on this.

    I am trying to put a horizontal border across the top & bottom of “.widget.ymm-selector.ymm-horizontal” but I cannot figure out how to make these borders even. The css below is the only way I’ve been able to do it, but it creates a much thicker bottom line border than the top border, so I have to insert another line with negative margin to make a div below move up and cover part of the fat bottom line, which looks glitch on initial page load (looks big at first and then is covered by a div below it). I assume there is a way to apply an even border to the top and bottom of the horizontal selector?

    .ymm-selector.ymm-horizontal .ymm-clear {border: 3.8px solid #ab050a;}

    Plugin Author Pektsekye

    (@pektsekye)

    7 years, 1 month ago

    Hello,

    Can you send a link to the page where I can see it to my email [email protected]

    ?

    Stanislav

    Thread Starter wooq123

    (@wooq123)

    7 years, 1 month ago

    I actually just happened to figure this out finally. In case anyone wants to put a border separating the horizontal selector, this is what I have used (including a black background and my styling).

    .ymm-selector.ymm-horizontal {margin: 0 !important; background: black !important; float:none !important; width:100% !important; border-top: 2px solid #ab050a; border-bottom: 2px solid #ab050a; padding-top: 0px; padding-bottom: 7px; height: 53px !important;}

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Editing CSS Style’ is closed to new replies.