Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • November 4, 2013 at 2:22 pm #184240
    WarrenHorak

    The drop caps short code is not working when I place H1 with this code the caps remain in place

    see code i used in text area

    [av_dropcap1]Battling to sort out your IT issues?[/av_dropcap1]

    [av_dropcap1]We have the answers[/av_dropcap1]

    Text –
    <h1 style=”text-align: left;”><span style=”color: #0000ff;”>[av_dropcap1]Battling to sort out your IT issues?[/av_dropcap1]</span></h1>
    <h1 style=”text-align: right;”><span style=”color: #0000ff;”>[av_dropcap1]We have the answers[/av_dropcap1]</span></h1>

    Please help

    thanks

    Warren

    • This topic was modified 11 years, 1 month ago by WarrenHorak.
    November 6, 2013 at 4:05 am #185042
    Devin

    Hi WarrenHorak!

    This is actually a bug/function of how WordPress wraps the content of the visual editor. You can’t easily style content inside of a shortocode because WordPress then tries to re-do the html and it causes what you are seeing. The shortcode should wrap the h1 tag and not the h1 tag wrapping the shortcode.

    So in the text tab, you could change it manually but whenever you switch to the visual editor it will switch back when you save.

    Cheers!
    Devin

    November 6, 2013 at 10:43 pm #185345
    WarrenHorak

    Hi Devin

    So how do I take the auto caps off permanently in the child theme settings? I can type my own caps … so it will be better if the default does not have caps

    Thanks

    Warren

    November 9, 2013 at 9:34 am #186430
    Dude

    Hey!

    Please elaborate because I don’t understand the question “how do I take the auto caps off” – do you want to remove the shortcode from the admin interface?

    Regards,
    Peter

    November 9, 2013 at 11:11 am #186448
    WarrenHorak

    Hey

    The default code for the theme is auto caps for H1 H2 H3 — how do i change that to small letter in the CSS in the admin interface?

    November 9, 2013 at 9:52 pm #186523
    Devin

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
text-transform: none !important;
}
    November 10, 2013 at 10:33 pm #186667
    WarrenHorak

    Hi

    That code still doesn’t fix the problem – still has caps lock on for all headers

    November 10, 2013 at 10:36 pm #186671
    WarrenHorak

    here is the text view

    <h1 style=”text-align: left;”><span style=”color: #ff0000;”>Battling to sort out your IT issues?                                                                                                                                            customer-service smaller</span></h1>
    <h1 style=”text-align: right;”><span style=”color: #0000ff;”>We have the answers</span></h1>

    November 10, 2013 at 10:36 pm #186672
    Devin

    Can we see an example in that case with the above css in place?

    November 10, 2013 at 11:05 pm #186678
    WarrenHorak

    http://itexperts.co.za/remote-support-sp example

    November 11, 2013 at 8:05 am #186735
    Devin

    Modify the above to be:

    .entry-content-wrapper h4 {
text-transform: none !important;
}

    So just changing the selector a bit.

    November 11, 2013 at 11:43 am #186799
    WarrenHorak

    When you say modify … where must I insert that code? must i add to the themes quick CSS under style?

    November 12, 2013 at 10:56 pm #187500
    Yigit

    Hey!

    Remove the code Devin posted here https://kriesi.at/support/topic/crop-caps-shortcode-now-working/#post-186523 from Quick CSS in Enfold theme options under Styling tab and add the code he posted here https://kriesi.at/support/topic/crop-caps-shortcode-now-working/#post-186735

    Best regards,
    Yigit

    November 14, 2013 at 2:47 pm #188359
    WarrenHorak

    Hi

    But I need all the headers to be non caps ? what is the correct code for all headers as non caps from H1-H6?

    Thanks

    Warren

    November 15, 2013 at 5:11 pm #189289
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .entry-content-wrapper h1, .entry-content-wrapper h2, .entry-content-wrapper h3, .entry-content-wrapper h4, .entry-content-wrapper h5, .entry-content-wrapper h6 {
text-transform: none !important;
}

    Regards,
    Yigit

    November 15, 2013 at 9:10 pm #189431
    WarrenHorak

    Hi Yigit

    Finally it worked that code did the trick well done!!!

    thanks again

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Drop caps shortcode now working’ is closed to new replies.