[ablesonhParticipant]

Hey guys,

I’ve tried to copy in css from other forum discussions about this but none of them is working for me.

I’m trying to hide the list of portfolio tags at the bottom of the portfolio page in Ethos.

Here’s the website http://willowbeachcottages.designerwebsite.ca/ if you look on Cottages, Cottage 1 -3 you can see the issue. I’ve also included a picture of it.

Thanks.

—Heather

[ablesonhParticipant]

FYI I just deleted the tags I put into each portfolio item, so they wouldn’t show while I’m getting a fix for this, because the client is getting antsy.

But the image above, shows you what it looked like.

Thanks.

[Rue NelModerator]

Hello There,

Thanks for updating in! To resolve your issue simply add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

.single-x-portfolio .entry-extra {
    display: none;
}

Hope this helps. Please let us know how it goes.

[ablesonhParticipant]

Hey

That didn’t work.

Here’s what I already have for custom css, in case there is a conflict:

/*
// Buttons
*/

.x-btn {
font-weight: 700;
}

.x-btn.x-btn-alt,
.button.x-btn-alt,[type=\”submit\”].x-btn-alt {
border-color: #02aed6;
background-color: #02aed6;
box-shadow: 0 0.25em 0 0 #0b8ead, 0 4px 9px rgba(0, 0, 0, 0.75);
}

.x-btn.x-btn-alt:hover,
.button.x-btn-alt:hover,[type=\”submit\”].x-btn-alt:hover {
border-color: #0b8ead;
background-color: #0b8ead;
box-shadow: 0 0.25em 0 0 #097690, 0 4px 9px rgba(0, 0, 0, 0.75);
}

/*
// Dropcap
*/

.x-dropcap {
background-color: #02aed6;
}

/*
// Headings – Dark section
*/

.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6,
.dark-section h1 a,
.dark-section h2 a,
.dark-section h3 a,
.dark-section h4 a,
.dark-section h5 a,
.dark-section h6 a {
color: #fff;
}

.dark-section h1 a:hover,
.dark-section h2 a:hover,
.dark-section h3 a:hover,
.dark-section h4 a:hover,
.dark-section h5 a:hover,
.dark-section h6 a:hover {
color: #fff;
opacity: 0.65;
}

/*
// Sidebar
*/

.widget a {
color: #02aed6;
}

/*
// Contact Form 7
*/

.wpcf7-form {
margin: 0;
}

.x-logobar-inner {
background-color: #ffffff;
}

.x-navbar {
background-color: #00aed7;
/*margin-top: -60px; */
}

.x-navbar .desktop .x-nav > li > a {
height: 50px;
}

.x-nav-wrap.desktop {
margin-top: 30px;
}

body .x-navbar {
border-bottom:0;
}

.x-navbar-inner {
background-color: #00aed7;
}

.x-navbar-inner {
box-shadow: 0 0 10px rgba(0,0,0, 0.5);
}

.option-set .x-portfolio-filters-menu>li>a {
color:#00aed7;
font-size: 16px;
}

.option-set .x-portfolio-filters-menu>li>a:hover {
color:#000000 !important;
}

.option-set .x-portfolio-filters{
display: none;
}

.option-set .x-portfolio-filters-menu {
display: block !important;
}

.single-x-portfolio .entry-featured {
display: none;
}

.single-x-portfolio .entry-wrap {
width: 100%;
}

.huge_it_slideshow_image_wrap_2 {
margin: 20px 20px 0px 0px;
}

.entry-top-navigation {
margin: 0px;
}

.x-callout {
border: 2px solid #00b9eb;
}

.huge_it_slideshow_image_wrap_3 {
margin: 20px 20px 0px 0px;
}

a.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-black-white-2.ubermenu-loc-primary.ubermenu-responsive-toggle-content-align-left.ubermenu-responsive-toggle-align-full {
background-color: transparent;
border: none;
box-shadow: none;
text-align: center;
}

blockquote {
margin: 2.15em 0;
border: 1px solid rgba(0,0,0,0.1);
border-left: 0;
border-right: 0;
padding: 1em 0;
font-family: “Lato”,sans-serif;
font-size: 100%;
font-weight: 400;
line-height: 1.6;
color: #333;
}
/* for footer */
/*.x-colophon.bottom {
background:url(‘http://willowbeachcottages.designerwebsite.ca/wp-content/uploads/2017/01/originalwood-92smlr-lighter.jpg’) no-repeat center top;
}*/

.x-colophon.bottom .x-colophon-content {
margin: 0 0 15px;
line-height: 1.3;
color: #ffffff;
}
.x-colophon.bottom .x-nav li a {
color: #00aed7;
}

.x-logobar {
background-color: transparent;
}

.huge_it_slideshow_image_wrap_4 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_5 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_6 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_7 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_8 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_9 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_10 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_11 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_12 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_13 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_14 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_15 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_16 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_17 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_18 {
margin: 20px 20px 0px 0px;
}

.huge_it_slideshow_image_wrap_19 {
margin: 20px 20px 0px 0px;
}

h5, .h5 {
font-size: 110%;
}

.mc-main th {

background-color: #00aed7;
}
.mc-main caption {
background: #00aed7;
}

.mc-main table .current-day .mc-date {
background: rgba(0, 174, 215, .8) !important;
color: #fff;
}

.mc-main .has-events .mc-date {
font-weight: 700;
background: #f0f0f0;
color: #111111;
}

.x-sidebar .widget a, .x-sidebar .widget ul li a, .x-sidebar .widget ol li a, .x-sidebar .widget_tag_cloud .tagcloud a, .x-sidebar .widget_product_tag_cloud .tagcloud a, .x-sidebar, .x-sidebar .widget ul li a:hover, .x-sidebar .widget ol li a:hover, .x-sidebar .widget_tag_cloud .tagcloud a:hover, .x-sidebar .widget_product_tag_cloud .tagcloud a:hover, .x-sidebar .widget_shopping_cart .buttons .button, .x-sidebar .widget_price_filter .price_slider_amount .button {
color: #ffffff;
}

.x-sidebar .widget a:hover,
color: #00aed7;
}

.single-x-portfolio .entry-extra {
display: none;
}

[JadeModerator]

Hi there,

Would you mind providing us with your admin details so that we could check the codes in the customizer?

Thank you.

[ablesonhParticipant]

This reply has been marked as private.

[LelyModerator]

Hi Heather,

Thank you for the credentials. Please do give us admin rights.
Your title says you want to remove the tags and you have remove it already. No need for another CSS.
Although CSS previously provided is not working because of CSS syntax here on this part:

.x-sidebar .widget a:hover, 
		color: #00aed7;
}

Update that part to this:

.x-sidebar .widget a:hover{ 
		color: #00aed7;
}

So just to clarify, what you want really is to format it right and not remove it, correct? In that case, we need you to add those tags again so we can see why this formatting is weird.

[ablesonhParticipant]

No I wanted it to be removed. And it has been apparently. Maybe the page wasn’t refreshing or something for me, because the tags were listed at the bottom of the portfolio page, but now they are gone.

So it’s all good. Thanks for the help. 🙂

[JadeModerator]

You’re most welcome.

[Author]

Posts