• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Regarding small brown vertical line in Essence Pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › StudioPress Themes › Essence Pro › Regarding small brown vertical line in Essence Pro

This topic is: resolved

Tagged: brown vertical line in essence pro

  • This topic has 1 reply, 1 voice, and was last updated 1 year, 6 months ago by Shobha22.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 2, 2021 at 12:59 am #504505
    Shobha22
    Participant

    Hi:

    I am experimenting with Essence Pro for my new site (which I am developing in my WP Engine staging site at https://mybackupwpengine.com).

    If you see the home page and the other pages of my site from the top menu, all of them except the blog page have a small brown vertical line leading from the image in the header towards to rest of the page below.

    Only the blog page does not have this. I want to put in the brown line there also, though.

    I used the Chrome inspector to see the relevant code and found that this brown line is there is the CSS as follows:

    .page .site-inner::before {
    background-color: #a86500;
    content: "";
    display: block;
    height: 100px;
    margin: 0 auto;
    position: relative;
    top: -50px;
    width: 2px;
    z-index: 9;
    }

    I am confused how to apply this brown line and its CSS such that it appears on the blog page also (which is an archive page and therefore doesn't have it, I think?)

    I'm not a techie so I'm a bit confounded. Can anyone please help?

    Regards.

    https://mybackup.wpengine.com
    October 2, 2021 at 1:07 am #504506
    Shobha22
    Participant

    I got the solution thanks.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.
Log In

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble