Align arrow together with title?

  • Resolved fra39

    (@fra39)


    6 years, 9 months ago

    Hello,

    I have centered some titles using a custom trigclass and then defining for that class “text-align: center” in the CSS

    The problem is that the arrows do not center together with the titles (cause they are no text) and just stay left aligned

    How can I align the arrows together with the titles? So that they always appear next to the title (on the left)?

    Thanks a lot!
    Francesco

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author twinpictures

    (@twinpictures)

    ok, that’s a bit tricky. What you would need to do is the following:
    1. use a div (not a span) as your default tag
    2. create a custom class that defines a specific width (a width will need to be set for EACH trigger you want to have center aligned… so you’ll be creating quite a few classes.
    3. Each class will need to have a margin like so:
    margin: 0 auto;
    All together it would look something like.
    Shortcode:

    [expand trigclass="med_with"]...[/expand]

    CSS:

    .med_with {
   width: 250px;
   margin: 0 auto;
}

    Give that a try and let us know if you need further assistance.

Viewing 1 replies (of 1 total)
  • The topic ‘Align arrow together with title?’ is closed to new replies.

Tags