[tparkmediaParticipant]

Hello,

I’m trying to change the formatting of the text excerpt. First I started with changing the text transform to none. So I did this:

 .eg-item-skin-5-element-6 {
  text-transform:none !important;
}

but it didn’t work.

So then I checked the css for the that element and it has this:

.eg-item-skin-5-element-6 {
    font-size: 13px !important;
    line-height: 22px !important;
    color: #777777 !important;
    font-weight: 300 !important;
    display: block !important;
    text-align: left !important;
    clear: none !important;
    margin: 15px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    border-radius: 0px 0px 0px 0px !important;
    background-color: rgba(255,255,255,1.00) !important;
    position: relative !important;
    z-index: 2 !important;
    text-transform: capitalize !important;
}

They ALL have the important tag on it already.

How do I override the important tag for that element so I can stylize it to my preference?

Thanks very much!!

http://sonmat.kitchen

[tparkmediaParticipant]

I have also tried the following to no avail:

.eg-item-skin-5-content .eg-item-skin-5-element-6 {
  	text-transform:none !important;
}
.esg-entry-content .eg-item-skin-5-content .eg-item-skin-5-element-6 {
  	text-transform:none !important;
}
div#esg-entry-content eg-item-skin-5-content eg-item-skin-5-element-6 {
  	text-transform:none !important;
}
div#esg-entry-content eg-item-skin-5-content esg-notalone eg-item-skin-5-element-6 {
  	text-transform:none !important;
}

I don’t know if any of those are even correct. I just tried it and wanted to put it out there.

THanks!

[ChristopherModerator]

Hi there,

Please try this code :

.esg-grid a {

    text-transform: lowercase !important;
}

Hope it helps.

[tparkmediaParticipant]

Hello,

I cleared the cache and tried it. It didn’t work.

I want to confirm: I’m trying to change the formatting of the EXCERPT text only.

Thanks again!

[Rue NelModerator]

Hello There,

Thanks for updating in! Please make use of this code:

#esg-grid-1-1 .eg-item-skin-5-element-6 {
    text-transform: none !important;
}

Please be sure to add it in your customizer, Appearance > Customize > Custom > Edit GLOBAL CSS

We would loved to know if this has work for you. Thank you.

[tparkmediaParticipant]

Woohoo!

Thanks again Rue Nel!! That did it! 🙂

Ps. I have a plug in called Custom CSS, under Appearance. I put all my CSS codes in there.

[tparkmediaParticipant]

Ah, I get it. I have to call the grid first with #esg-grid-1-1 then whatever element.

I was trying to change other stuff but couldn’t figure it out.

Cool, I can make more changes now. 🙂

This helps TREMENDOUSLY!

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts