Enterprise Pro Theme – Search listing

[peterlaz]

I have added border around the pages. It works as intended.
However a search listing is showing the borders around the pages.
How can I remove the page borders in a search listing?

This is my CSS Entry

.page .entry {

    background: #FFF;
    border: none;
    box-shadow: none;
    padding: 0;
}

.page > .entry-header {
    background: url(images/section-background.jpg) repeat 0 0;
    background-color: #333;
    border-bottom: 0px solid #ececec;
    color: #000;
    margin: 0;
 }

.page > .entry-header .entry-title {
    color: #FFF;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

 .page > .entry-content {
    border: 20px solid #0063ff;
   padding: 2% 1.5% 0;         
}

http://plan2040.com/

[ᴅᴀᴠɪᴅ]

You need to be much more specific with your CSS. You can't just put '.page' as this appears quite a lot in WordPress and it to vague - which page?

ie if you're just wanting the border on the home page, you should put '.home' or better yet target the specific widget area '.home-bottom' etc.

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[ᴅᴀᴠɪᴅ]

to clarify.. i mean change this

.page > .entry-content {
    border: 20px solid #0063ff;
   padding: 2% 1.5% 0;         
}

to perhaps this..

.home-bottom .entry-content {
    border: 20px solid #0063ff;
   padding: 2% 1.5% 0;         
}

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[peterlaz]

Thank you for your assistance.

The CSS that I have Used is applicable to all the pages when viewed individually. It is not in the .home-bottom context.

For example, http://plan2040.com/test-page-1/

However, this CSS entry also applies to the pages listed in a search list. How can I prevent the CSS entry from being applied to the search listing? You can simulate the problem by searching something on the website.

Thanks.

[Victor Font]

Add the following after .page .entry-content :

.search-results .page .entry-content {
	border: none;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[peterlaz]

It worked like a charm. Thanks Victor.

[peterlaz]

.page > .entry-header {
    background: url(images/section-background.jpg) repeat 0 0;
    background-color: #333;
    border-bottom: 0px solid #ececec;
    color: #000;
    margin: 0;
 }

The background image that I am using for the page header also appears in the search listing. How can this image be removed in a search listing? Thanks

[Author]

Posts