Using placeholders to style colors

  • Resolved johnmaverick777

    (@johnmaverick777)


    8 years, 11 months ago

    Hello I am terribly befuddled and how to use the placeholders. I can see how they may be inserted in html to change what information is showed, but I’m trying to change the color schemes. In one place I’m using a calendar and events list over blue so I need to style accordingly, and lower down the page I’m using a map and locations list over white. I’ve been trying to use CSS for two hours and I can’t manage to separate these two sections, my styling keeps applying to both sections despite my best efforts to separate them. I got excited when I saw the tutorial on “every element in it’s own color” but then all it said was to use placeholders with inline CSS, but not how to use them specific to this purpose. All I really want is an example of an element styled using this method and I’d be good to go.

    I’m using everything as widgets, not really concerned about the pages at this point. Does this mean I’m using formatting in “event excerpts”. I wish there were a video for this one you tube amidst the 10 videos of everyone showing how to set up an event.

    My site is: https://belltownffws.com/

    I’ve manage to get a decent amount of styling done with CSS but i’ve hit a wall now in my inability to specify the sections/elements I want to style.

    https://www.ads-software.com/plugins/events-manager/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter johnmaverick777

    (@johnmaverick777)

    Alright I have figured out how to style things using inline css within the placeholders in the widgets, which will allow me to style every element except the one thing I need to with is the venue name under event locations. it is currently yellow bc I’ve got the CSS employed for styling reference (bc it’s target the other elements i want it to) but even when I remove that css and go into the locations widget and do as follows:

    <li style="color:blue;">#_LOCATIONLINK<ul><li>#_LOCATIONADDRESS</li><li>#_LOCATIONTOWN</li></ul></li>

    Nothing happens. The same code works for the address and location below it, but not the venue name. If the venue name is different than #_LOCATIONLINK I don’t see it in the widget, only these three are present. Which led me to think perhaps I had to find it in the formatting area under settings. I couldn’t find it anywhere.

    Plugin Support angelo_nwl

    (@angelo_nwl)

    you can try something like 

    <a href="#_LOCATIONURL" style="color:blue;"> #_LOCATIONNAME </a>
    Thread Starter johnmaverick777

    (@johnmaverick777)

    thank you that worked when I removed the css that was styling the other linked elements yellow. I believe they can be done now by the same means but I don’t entirely understand what you did here enough to replicate it. Here’s a pic- everything that’s gray needs to be yellow (venue names and nav arrows at top of calendar…uh, I guess I can’t put a picture in. But you can see on my site. Thank you for your help with this i’ve been beating my head up against a wall for way too long with it.

    Thread Starter johnmaverick777

    (@johnmaverick777)

    I also would like to change or turn off the hover color on the venues which right now is red for some reason.

    The red color isn’t a color set by the plugin; you’d need to look the stylesheet of your theme.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Using placeholders to style colors’ is closed to new replies.