Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 20, 2016 at 3:03 pm #675023
    KlausR

    Hi,

    I want to publish a single page displaying news article excerpts coming from a RSS feed. I have setup a demo (see the URL below).

    The way this is generated is: I have created a widget area and included the RSS widget from WordPress. I then use the Enfold content element “Widget Area” to display this widget in the page. Unfortunately the text of these excerpts is formated poorly using these classes:

    rsswidget (Headline & link)
    rss-date (publication date)
    rssSummary (excerpt text)

    I’d like this text to look like the “standard” website text. Please help me find the right CSS to enter in the “Quick CSS” section.

    Regards,
    Klaus

    August 23, 2016 at 1:08 pm #676374
    Andy

    Hey KlausR,

    here you go:

    .rsswidget {

}
.rss-date {

}
.rssSummary {

}

    Not sure what exactly you want to achieve, but inside brackets you can insert something like font-size etc.

    Best regards,
    Andy

    August 23, 2016 at 1:54 pm #676402
    KlausR

    Hi Andy,

    thanks. I want to display the text of the RSS widget in the same format as the other text in the pages body. Right now the letter size is different, there is italic text, a different font etc.

    Regards,
    Klaus

    In /wp-content/themes/enfold/css/layout.css?ver=2
    I found this and altered it a bit, but I dont get results:
    /* RSS widget */
    .widget_rss li{
    line-height: 1.5em;
    font-size: 14px;

    }
    .widget_rss li div{
    font-family: „Open Sans”, Helvetica, Arial, sans-serif;
    font-style: normal;
    }

    .rsswidget{
    display:block;
    font-weight: bold;
    }

    .rss-date, .widget_rss cite{
    font-size:14px;
    }

    .widget_rss li{
    padding:7px 0;
    }

    .widget_rss .widgettitle img{
    display:none;
    }

    August 24, 2016 at 4:04 pm #677078
    Andy

    Hi,

    for example if you use this code:

    .rssSummary {
font-style: normal !important;
}

    then you won’t have any italic text anymore.

    Hope this helps.

    Best regards,
    Andy

    August 25, 2016 at 6:13 pm #677701
    KlausR

    Hi Andy,
    I entered the CSS in the Enfold options, no results. Maybe a spelling error?
    Below I have attached the login for you to see yourself.
    Regards,
    Klaus

    August 25, 2016 at 10:23 pm #677788
    Andy

    Hi,

    I used this code instead:

    .widget_rss li div {
font-style: normal;
}

    which seems to work fine, can you confirm please?

    Best regards,
    Andy

    August 26, 2016 at 7:40 am #677982
    KlausR

    Hi Andy,
    no, the only change is: the left and right edges are increased/widened for all the pages.
    Especially the excerpt text stays the same: serif font, italic, small.

    I have tried many versions of the CSS but no changes here. Any idea?
    Klaus

    /* RSS widget */
    .rssSummary {
    font-style: normal !important;
    }

    .widget_rss li div {
    font-style: normal;
    }

    .rsswidget li div {
    font-style: normal;
    }

    .rsswidget a div {
    font-style: normal;
    }

    a.rsswidget div {
    font-style: normal;
    }

    .rss-date div {
    font-style: normal;
    }

    .rssSummary div {
    font-style: normal !important;
    }

    .widget_rss li div{
    font-style: normal !important;
    }

    ———
    Nicht

    .rssSummary {
    font-style: normal;
    }

    div.rssSummary li {
    font-style: normal;
    }

    li.rssSummary div {
    font-style: normal;
    }

    .rssSummary li div {
    font-style: normal;
    }

    .rsswidget li div {
    font-style: normal;
    }

    li.rsswidget div {
    font-style: normal;
    }

    August 26, 2016 at 11:47 am #678062
    Andy

    Hi,

    this code:

    .widget_rss li div {
font-style: normal;
}

    is definitely the right one, but it does not work, it does not even get loaded, which I can see when I check your source code. This seems like a caching issue. Make sure to have any caching functions deactivated. Deactivate all plugins to check if one is causing this issue.

    Best regards,
    Andy

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