Two Shortcodes render differently.

  • Resolved tjude

    (@tjude)


    6 years, 2 months ago

    Hi Brian;

    I have two identical shortcodes in a widget, the only difference being two different categories called. I was able to format the CSS, but the second renders wrong. It appears that the first is wrapping in pre tags, while the second is outside those tags and they’re not pre’s, they’re p’s.

    My CSS:

    .event-list .start-date, .event-list .end-date, ol {
  display: block;
  padding-inline-start: 140px;
  padding-inline-end: 140px;
	font-size: 12pt;
}
.common-box-label {
	background-color: #931D22;
}
.tribe-event-title {
	font-size:18pt;
}

.tribe-list-widget{
	background-color:#f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;	
}

.ecs-event {
	font-family: 'Open Sans';
	font-size: 10.5px;
}

    Can you help?

    • This topic was modified 6 years, 2 months ago by tjude.
    • This topic was modified 6 years, 2 months ago by tjude.
    • This topic was modified 6 years, 2 months ago by tjude.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter tjude

    (@tjude)

    {ping}

    Plugin Author Brian Hogg

    (@brianhogg)

    Hi @tjude!

    Try either going to the ‘Text’ tab and removing the “pre” tags, or completely deleting the line with the shortcode and re-typing it by hand. Often copy/pasting an example shortcode could result in the pre tag being added by the WordPress editor. Otherwise it may be something with the widget and your theme, in which case you can reach out to the theme author (pre tags are not added by the shortcode itself).

    Regarding CSS I made this video in case it helps find the rules and add them to the site:

    Though from the sounds of it likely not needed!

    Thread Starter tjude

    (@tjude)

    Hi Brian;

    Thank you. I had no clue about the function/existence of the text tab. That’s where the P and PRE tags were and it did the trick.

    Plugin Author Brian Hogg

    (@brianhogg)

    Perfect, glad that did the trick!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Two Shortcodes render differently.’ is closed to new replies.