Justify trigger text & customize individual trigger pictures

  • bwolfe07

    (@bwolfe07)


    8 years ago

    Hello!

    First, The trigger text that is being used, defaults to justify to the left. If I place <center> tags around just the title trigger, it will center the text, however if I have multiple titles with triggers and dropdowns they will be centered but the small picture (+ and -) they wont be aligned. another way of explaining it is say in Word you can move the margin over to keep the text aligned. Essentially that’s what I want to do here, BUT when you click the trigger id like the text to be displayed as if the content wasn’t moved over.

    I hope I am making sense with this..

    ALSO, is there a way to just replace the trigger picture by a single instance within a page? I replaced the stock up and down arrows with + and – in the themes custom CSS section, however I am unable to edit single instances and replace these pictures within certain pages or text boxes.

    I am not super technical, but I am also not a newb either.

    Thank you for all your help!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author twinpictures

    (@twinpictures)

    Please always include a link with your support request, as it makes things much easier to follow along.

    Regarding centering: the center tag has been depreciated. stop using it. if you want to center text use the css attribute text-align.

    Yes, you can create unique open/close icons globally (as you have) and per expand element using the trigclass attribute. Please provide a link to your page and we’ll assist you further once we better understand your centering issues.

    Thread Starter bwolfe07

    (@bwolfe07)

    Thank you for your explanation. A link below is to describe what I am talking about:

    https://sportsgeekfantasy.com/2016-nfl-details

    This will look centered on desktop view since I am using PageBuilder and have 2 sections, the left side is empty, while the right side has the text. If you expand the triggers you’ll notice that it only is in the right side of the page. If you look at this on the mobile version it will just appear on the left side.

    I also am looking at the Season 1 and Season 2 under a different page, (https://sportsgeekfantasy.com/2016-pga-standings). The triggers are auto expanded upon visit to the page below. The + and – that I am using (and replaced the stock pictures) aren’t aligned to the text.

    Would I use some css to move down the + and – pictures OR use the css to top align the text? I am assuming it would be easier to top align the text in a single instance, where I may not always want the + and – pictures to be bottom aligned.

    Thank you for all your help!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Justify trigger text & customize individual trigger pictures’ is closed to new replies.