Forum Replies Created

Viewing 4 replies - 1 through 4 (of 4 total)
  • This is a common problem, it’s not just you! I can’t explain why, but I think it was designed on purpose to expect users to use either the Visual tab OR the Text tab, but not both, and it will remove your html tags when you switch between them. Your best bet may be a plugin, such as this one:
    https://wordpress.org/plugins/preserved-html-editor-markup-plus/

    Hi Bruce,
    Yes, that’s so frustrating, isn’t it? Could be a caching issue. Here’s a good place to start for more info:

    https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens

    WriterRon, Pure & Simple doesn’t seem to have a custom CSS editor. So you will need a plugin for it.
    1. Download and install a CSS editor plugin. I’m using Jetpack as an example because it’s what I know, (you’d have to link it to a wordpress.com account) but you could also use one from the page linked by stephencottontail above. Make sure the plugin is activated. If you’re using Jetpack, make sure the CSS Editor feature is activated at
    Jetpack > Settings > CSS Editor > Activate

    2. Navigate to the CSS editor screen. In Jetpack it’s at
    Jetpack > Settings > CSS Editor > Configure
    -OR-
    Appearance > Edit CSS

    Some other plugins’ CSS editors are accessed under the Appearance menu too.

    3. Paste into the editor window stephencottontail’s code above, but with your color substituted:

    .type-page .entry-title:after {
    	background: #1C5A7C;
    }

    Be sure to “Save” or “Save Stylesheet” to save your changes.

    These styles are affecting the whitespace above the image. Adjusting them should allow you to fine tune it. I’ve added .home to each of them so you’ll only affect these elements on the home page, not on other pages.

    .home .entry-header {
        margin-bottom: 30px;
    }
    
    .home .entry-title {
        margin: 0px 0px 5px;
    }
    
    .home .hentry {
        padding: 40px 0px;
    }

    The whitespace below the image is also affected by multiple elements, including an empty <h3> tag. See this screenshot highlighting the empty <h3> tag with Firefox developer tools:

    https://dl.dropboxusercontent.com/u/44675250/wpSupport01.jpg

    This could be removed from the template or hidden using CSS, but it requires caution or you’ll remove more than just the tag you’re targeting.

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