Can't Find Div Tag to Edit Element Style

  • https://www.bluemoutnainbelle.com

    In a post or page when I make something and un-ordered list this happens in the code.

    <ul>
	<li><span style="font-size: 14.44444465637207px; line-height: 1.5;">Hello</span></li>
	<li><span style="font-size: 14.44444465637207px; line-height: 1.5;">Whats up</span></li>
</ul>'

I do not want the font size and spacing to change. You can seen an example here https://www.bluemountainbelle.com/2013/04/05/happy-friday-links-6/
the 2nd bullet point has smaller font

From inspecting the element its an "element style".

    element.style {
    font-size: 14.44444465637207px;
    line-height: 1.5;
    }`

    So I have been looking in the HTML Files to find the inline styles. but have had no luck.

    This is the div tag if I make a list in a post

    <div class="post-content clearfix">
                <input class='jpibfi' type='hidden' data-jpibfi-url='https://www.bluemountainbelle.com/2013/04/18/2155/'/><ul>
<li><a style="font-size: 14.44444465637207px; line-height: 1.5;" rel="nofollow" href="https://www.brightontheday.com/" target="_blank">Brighton The Day</a></li>
<li><a style="font-size: 14.44444465637207px; line-height: 1.5;" rel="nofollow" href="https://www.classygirlswearpearls.com/" target="_blank">Classy Girls Wear Pearls</a></li>
</ul>

</div>	

I have only been able to find that div tag in my rtpannel:loop-common.php

    <div class=”post-content clearfix”>
    <?php rtp_hook_begin_post_content(); ?>

    <?php rtp_show_post_thumbnail(); ?>

    <?php if ( is_singular() || !$rtp_post_comments[‘summary_show’] || rtp_is_bbPress() ) {
    the_content( __( ‘Read More →’, ‘rtPanel’ ) );
    wp_link_pages( array( ‘before’ => ‘<div class=”page-link clearfix”>’ . __( ‘Pages:’, ‘rtPanel’ ), ‘after’ => ‘</div>’, ‘link_before’ => ‘<span>’, ‘link_after’ => ‘</span>’ ) );
    } else {
    @the_excerpt();
    } ?>

    <?php rtp_hook_end_post_content(); ?>
    </div`

    So I have not been able to find where to edit this element. please help!!

    Also if I toggle from list to not, it keeps those <span> tags and put them everywhere

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)

  • element.style { means inline styles. It sounds like you are making the lists in the visual editor and assigning styles there?

    Changing from Visual to Text editors is problematic – it’s a known issue and will strip or change your code.

    I’m really not very clear on what you are trying to do … but if the above does not address it, perhaps you can explain more.

    Thread Starter rcmorris11

    (@rcmorris11)

    If I make a unordred list in the visual editor it looks fine. but the code in the text editor has actually changed to include
    <span style="font-size: 14.44444465637207px; line-height: 1.5;">
    I can’t find anywhere in the CSS that would cause this to change. When I publish the post the font in the unordered list is smaller than the regular font.

    When I inspect the element in chrome. The Element Style says
    font-size: 14.44444465637207px
    line-height: 1.5

    I do not want that to happen. I realize that element styles are inline styles so I am trying to find where in the HTML this is happening so I can stop it.

    If this issue is really that when I write a post in visual and want to create a list. I need to do it in Text editor instead that is cool but really annoying.

    I have made an example post – https://www.bluemountainbelle.com/2013/04/18/test/

    The first unordered list has the element style causing the small font. The 2nd unordred list was made in the text editor and has super weird spacing. And no dots.

    Hi rcmorris11,

    Your CSS wouldn’t be the culprit in this situation. An inline style such as that one is one that is sitting, inline, next to the code. I usually see that when someone has copied and pasted from a Word document (or something similar) into the editor.

    I think your jQuery Pin It Button For Images plugin is the likely culprit. I see you have that plugin installed on your site, and if you look at the code of that plugin you will see it adds the jpibfi_container class to the surrounding div and it also adds <input class='jpibfi' type='hidden' /> in the div just before your list as well.

    Hope this helps!

    Thread Starter rcmorris11

    (@rcmorris11)

    From my understanding that div tag is added because that is my jQuery selector div.jpibfi_container img
    This allows the plugin to only add the pin it Buttton to images inside of my content and not every image on my blog.

    I looked at their code and didn’t find anywhere where there is an element style given for unordered list.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Can't Find Div Tag to Edit Element Style’ is closed to new replies.