WordPress.org

Ready to get started?Download WordPress

Forums

Kebo Twitter Feed
[resolved] Twitter feed style only works in some themes (8 posts)

  1. eloquence
    Member
    Posted 4 months ago #

    Hi!
    I'm loving the plugin.
    The default style works perfectly on WP's default themes, such as Twenty fourteen and Twenty Twelve, however in my customized theme, the Reply, favorite, and retweet buttons won't show. I don't know what I'm doing wrong? do I have to specify any css in MY style.css? If so, which id's, classes are those? I thought all the styling came from plugin.css?

    Twenty Fourteen:
    http://i45.photobucket.com/albums/f74/damnitsarah/their.png

    Twenty Twelve:
    http://i45.photobucket.com/albums/f74/damnitsarah/their2.png

    My theme:
    http://i45.photobucket.com/albums/f74/damnitsarah/mine.png

    Thank you for your time and patience.

    https://wordpress.org/plugins/kebo-twitter-feed/

  2. eloquence
    Member
    Posted 4 months ago #

    My style.css file (if it's any help):

    /* Eric Meyer's CSS Reset */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    * {
    margin: 0;
    padding: 0;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
    /* Configure the animation for Firefox */
    -moz-animation-duration:6s;
    -moz-animation-name:spin;
    -moz-animation-timing-function:linear;

    /* Configure it for Chrome and Safari */
    -webkit-animation-duration:6s;
    -webkit-animation-name:spin;
    -webkit-animation-timing-function:linear;
    /* End of Eric Meyer's CSS Reset */

    html {
    height: 100%;
    }
    body {
    background-color: #213244;
    color: #FFFFFF;
    font-family: verdana, sans-serif;
    font-size: 12px;
    text-align: justify;
    letter-spacing: 0.2pt;
    word-spacing: 0.2pt;
    line-height: 1.5;
    }
    .wrapper {
    width: 100%;
    min-width: 1000px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-top:0px;
    }

    .chrome .wrapper {
    margin-top:-30px;
    }

    /* Header
    -----------------------------------------------------------------------------*/
    .header {
    height: 325px; /* Height of Footer */
    background:#010A55;
    background-image: url(http://i45.photobucket.com/albums/f74/damnitsarah/titulo.png);
    background-repeat: no-repeat;
    background-position: center top;
    }
    #headerimg
    {
    background-color: transparent;
    background-image: url(images/itntro2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    border-bottom:2px solid White;
    }

    /* Formating, Links, Menu
    -----------------------------------------------------------------------------*/
    #barramenufondo
    {
    background-color: #A60606;
    border-top:2px solid White;
    }
    #wb_menuheader span
    {
    margin: 0px 4px 0px 0px;
    }
    a
    {
    color: #FFFFFF;
    text-decoration: underline;
    }
    a:visited
    {
    color: #FFFFFF;
    }
    a:active
    {
    color: #FFFFFF;
    }
    a:hover
    {
    color: #FFFFFF;
    text-decoration: underline;
    }
    a.Style1
    {
    color: #FFFFFF;
    text-decoration: none;
    }
    a.Style1:visited
    {
    color: #FFD700;
    text-decoration: none;
    }
    a.Style1:active
    {
    color: #FFFFFF;
    text-decoration: none;
    }
    a.Style1:hover
    {
    color: #FFD700;
    text-decoration: none;
    }
    h1, h2, h3, h4 {
    font: normal 1em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
    color: #eee;
    font-family: verdana, sans-serif;
    color: #FFC71F;
    font-size: 14px;
    font-weight: bold;
    }
    p, h1, h2, h3, h4 {
    margin: 0;
    padding: 10px 15px;
    }
    ul, ol {
    margin: 10px 15px;
    padding: 0 30px 0 0px;
    }
    /* form elements */
    #search {
    float: right;
    margin: 50px 15% 0px 0;
    border: 0;
    background-color: transparent;
    color :#FFFFFF;
    font-family: Arial;
    font-size: 9.3px;
    }
    form {
    margin: 10px 15px;
    padding: 5px;
    background: transparent;
    border: 0px solid #211E20;
    }
    fieldset {
    margin: 0;
    padding: 0;
    border: none;
    }
    label {
    display:block;
    font-weight:bold;
    margin: .4em 0;
    }
    input {
    padding: .3em;
    border: 1px solid #eee;
    font: normal 1em Verdana, sans-serif;
    color:#777;
    }
    textarea {
    width: 55%;
    padding: .3em;
    font: normal 1em/1.5em Verdana, sans-serif;
    border: 1px solid #eee;
    height: 10em;
    display:block;
    color:#777;
    }
    input.button {
    font: bold 1em Arial, Tahoma, Sans-serif;
    margin: 0;
    padding: .25em .3em;
    color: #fff;
    background: #000;
    border: 2px solid #211E20;
    }
    /* search form */
    .searchform {
    background-color: transparent;
    border: none;
    margin: 0 0 0 10px;
    padding: 0 0 1.3em 0;
    width: 20em;
    }
    .searchform p { margin: 0; padding: 0; }
    .searchform input.textbox {
    width: 11em;
    color: #777;
    padding: .4em;
    border: 1px solid #E5E5E5;
    vertical-align: top;
    }
    .searchform input.button {
    width: 80px;
    vertical-align: top;
    }
    .sidebar .entry-header .entry-meta {
    padding: 0;
    }
    .entry-thumbnail img {
    display: block;
    margin: 0 auto 10px;
    }
    .entry-header {
    margin-bottom: 30px;
    }
    .entry-title {
    font-weight: normal;
    margin: 0 0 5px;
    }
    .entry-title a {
    color: #141412;
    }

    .entry-title a:hover {
    color: #ea9629;
    }
    #cssmenu {
    border: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    width: auto;
    }
    #cssmenu ul {
    background: #A60606;
    height: 25px;
    list-style: none;
    margin: 0;
    padding: 0;
    }
    #cssmenu li {
    float: left;
    padding: 0px;
    }
    #cssmenu li a {
    background: #A60606 url('images/seperator.gif') bottom right no-repeat;
    display: block;
    font-weight: normal;
    line-height: 25px;
    margin: 0px;
    padding: 0px 10px;
    text-align: center;
    text-decoration: none;
    }
    #cssmenu > ul > li > a {
    color: #fff;
    }
    #cssmenu ul ul a {
    color: #fff;
    }
    #cssmenu li > a:hover,
    #cssmenu ul li:hover > a {
    background: #A60606 url('images/hover.png') bottom center no-repeat;
    color: #FFA500;
    text-decoration: none;
    }
    #cssmenu li ul {
    background: #A60606;
    display: none;
    height: auto;
    padding: 0px;
    margin: 0px;
    border: 0px;
    position: absolute;
    width: 200px;
    z-index: 200;
    /*top:1em;
    /*left:0;*/
    }
    #cssmenu li:hover ul {
    display: block;
    }
    #cssmenu li li {
    background: url('images/sub_sep.gif') bottom left no-repeat;
    display: block;
    float: none;
    margin: 0px;
    padding: 0px;
    width: 200px;
    }
    #cssmenu li:hover li a {
    background: none;
    }
    #cssmenu li ul a {
    display: block;
    height: 25px;
    font-size: 12px;
    font-style: normal;
    margin: 0px;
    padding: 0px 10px 0px 15px;
    text-align: left;
    }
    #cssmenu li ul a:hover,
    #cssmenu li ul li:hover > a {
    background: #A60606 url('images/hover_sub.png') center left no-repeat;
    border: 0px;
    color: #FFA500;
    text-decoration: none;
    }
    #cssmenu p {
    clear: left;
    }
    #cimy_div_id_0 {
    position:absolute;
    text-align:center;
    left:0%;
    width:100%;
    top:175px;
    z-index:24;
    margin: -0.3em auto;
    max-width: 100%;
    max-height: 100%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    }

    /* Middle
    -----------------------------------------------------------------------------*/
    .middle {
    width: 100%;
    padding: 20px 0 108px;
    position: relative;
    }
    .middle:after {
    display: table;
    clear: both;
    content: '';
    }
    .container {
    width: 100%;
    float: left;
    overflow: hidden;
    }
    .content {
    padding: 15px 310px 0 310px;
    }

    /* Left Sidebar
    -----------------------------------------------------------------------------*/
    .left-sidebar {
    float: left;
    width: 250px;
    margin-left: -100%;
    position: relative;
    background-color: #213244;
    padding: 15px 30px 0 ;
    }

    /* Right Sidebar
    -----------------------------------------------------------------------------*/
    .right-sidebar {
    float: left;
    width: 300px;
    margin-left: -300px;
    position: relative;
    background-color: #213244;
    }

    #sidebar ul {
    padding: 15px 15px 0 ;
    }

    ul.kebo-tweets {
    overflow: hidden;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    list-style: none;
    border: none;
    outline: none;
    background-image: none;
    }

    p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    }

    /* Footer
    -----------------------------------------------------------------------------*/
    .footer {
    margin: -108px auto 0;
    min-width: 1000px;
    height: 108px;
    border-top:2px solid White;
    background:#4b555f;
    position: relative;
    }
    #footer_wrapper{
    margin:0 auto;
    width:960px;
    padding:0px;
    background-color: transparent;
    color :#FFFFFF;
    font-family: Arial;
    font-size: 9.3px;
    text-align:center;
    }

  3. Peter Booker
    Member
    Plugin Author

    Posted 4 months ago #

    Hi eloquence,

    The plugin attempts to make its default styling as compatible with all themes as possible, but there are huge differences with the styling of some themes, making it incredibly difficult to get right for every theme.

    I can see where it is going wrong, if I can see the site live then I can give you the CSS changes to add to your style.css to fix it. Or if you want to try fixing the styling yourself you can see the HTML/Class structure here.

  4. eloquence
    Member
    Posted 4 months ago #

    Thank you for the prompt answer to my question. The site live is: http://www.titulacion.gob.do/

    I tried to fix the style myself and failed terribly :p

  5. eloquence
    Member
    Posted 4 months ago #

    < Tried to delete this post >
    :p

  6. Peter Booker
    Member
    Plugin Author

    Posted 4 months ago #

    Hi eloquence,

    Unfortunately, I do not have the power to do that. If you can contact a forum admin/moderator they might do that for you.

    I had a look at your site yesterday to resolve the styling issues, however it seems to be missing some of the plugin styling (or it is not taking effect) and I cannot work out why. Now it looks like you have found an alternative which works for you.

    If you want help getting the Kebo Twitter Feed to work I would need to see it live on the site more, if you are happy with your alternative then I wish you all the luck with your website.

  7. eloquence
    Member
    Posted 4 months ago #

    Thank you, I needed a fix as soon as possible, so I had to look for an alternative that appeased my client's wishes. I still think this plugin is very beautiful aesthetically. (I am working for a client after-all, and not everyone shares the same taste :))
    Thank you for the support.

  8. Peter Booker
    Member
    Plugin Author

    Posted 4 months ago #

    Hi eloquence,

    I understand and I hope that I can work out what was going wrong so that you and/or others don't run into similar problems again in the future.

    Thank you for using the plugin and letting me know when you ran into problems.

Reply

You must log in to post.

About this Plugin

About this Topic