Tagged: , , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #28706


    I have created a simple page without the Avia Layout Builder and discovered, that I cannot use right a h3 or h5 tag with creating my own selectors, or have I done something wrong?

    Here is the content of this test page:

    <h3 class="h3headline"><span class="h3background">This is headline 3 with stripes at the left and right</span></h3>

    <h5 class="h5headline"><span class="h5background">This is headline 5 with stripes at the left and right</span></h5>

    And the CSS for this:

    .h3headline {

    background: url("../images/shared/stripes.gif") repeat-x scroll center 10px !important;

    font-weight: normal !important;

    letter-spacing: 2px !important;

    margin-bottom: 12px;

    margin-top: 20px;

    padding: 2px !important;

    text-align: center;

    width: 100%;


    .h3background {

    background-color: #FFFFFF;

    color: #BCA7B8;

    font-size: 15px !important;

    letter-spacing: 2px !important;

    padding: 2px 10px;

    text-align: center;

    text-transform: uppercase;

    font-weight: normal;


    Same for the h5 (.h5headline and .h5background).

    It should show up like this

    In fact with these CSS and the code above, it doesn’t center and doesn’t show the stripes (path is right!), but with Firebug I discovered weird things concerning the h3 and h5 tags:

    Where do these double quotation marks coming from and these backslashes?

    Are there anyway coded in a theme’s file?

    My site is still in maintenance mode, so I hope these screenshots help. Thanks.



    I just discovered, that when I write with the text editor (not the visual) these code into the page like normal with

    ", then it results in these weird code show with the Firebug screenshot above.

    However, when I write my code into the page using simple quotation marks

    ', then it is right interpreted and okay.

    Isn’t it possible, that I can write my own code concerning the headline tags with normal double marks?

    This happens only with the headline tags (in this case h3 and h5), but not when I add into the page my own CSS styles like this for example:

    #newsletterbox {
    background-color: #E5C4BF !important;
    padding: 10px;

    results right with my “double” marks:

    With the same page, however, created with Avia Layout Builder (1 column + textblock), I have no chance to add my single marks (concerning my own styled h3 and h5 headlines, see above!) ' in the editor, because when I save the “textblock” and re-open it, than it had returned back to the normal " – and therefor the code is interpreted wrong as shown in the Firebug screenshot above with these backslashes.



    This backslash issue has been fixed on the latest update of Enfold. It is not happening on our end anymore. I tested your code for the h5 tag, update the page then switch back to visual mode to text mode and back. Updating after switch and I still don’t see the backslashes appearing on Chrome and Firefox.




    I still have it – when you open the editor again and save it again, then the problem is there again – or “still there again”.

    I use Enfold 2.0.1

    Or have this update been in a file that was not mentioned in the changelog file, so that I could not have overwritten it?

    I have just reproduced it again:

    1. created a new blank page, typed in with the normal text editor:

    <h5 class="h5headline"><span class="h5background">This is a h5 tag with background stripes.</span></h5>

    2. saved page and closed it.

    3. Then I took a look at the page in Firefox 23: h5 headline looks good:

    4. Then I opened this test page again with the “text editor”, typing in some text below this h5 headline text, save the page and reload the frontend in Firefox again. Then the h5 tag is wrong again:

    It is only right, when I save the page and don’t touch it anymore. But as soon as I closed that edited page and open it again for editing text, then it is wrong again with my own h5/h3… tags (see above).


    I’ve created a fresh new blog within my WP network with ENFOLD just downloaded anew – with these styles/code, posted above, I have still this problem.



    Let me tag the rest of the support team. I can’t reproduce the issue on my end.




    I also can’t reproduce the issue on my test servers. I modified your code several times, saved it several times, switched between visual mode and html, viewed the page several times and then edited it again, etc. but the quotes always work fine for me: http://www.screenr.com/MerH

    Please create me a wordpress admin account and send me the login data to: (Email address hidden if logged out) – maybe the problem is server specific and we need to check the configuration first hand.


    Thanks a lot for your help, I just figured out after days of searching … and yesterday after disable all plugins one by one again, I discovered the bad one: “SEO Smart Links”.


    The author said, that it is fixed in the premium version, but not in the basic version, and I won’t use the premium – so deleted this plugin and now everything works fine!

    Thanks a again for your testing!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Weird coding for h3/h5 headlines in the theme's files? Cannot create my own’ is closed to new replies.