Text widget not displaying properly
-
I have been trying to add a widget via GoodReads showing what I’m currently reading. It’s slightly different from the standard Goodreads widget in that it says ‘currently reading’ above the book icon. When I paste the html from Goodreads, all that text appears on my sidebar, rather than just the icon. Having the same problem trying to add a Bloglovin’ icon – all the html appears. Can you help? I have copied the html from GoodReads below in case that helps. Many thanks.
<!– Show static HTML/CSS as a placeholder in case js is not enabled – javascript include will override this if things work –>
<style type=’text/css’ media=’screen’>
.gr_custom_container_1433834729 {
/* customize your Goodreads widget container here*/
border: 1px solid gray;
border-radius:10px;
padding: 10px 5px 10px 5px;
background-color: #FFFFFF;
color: #000000;
width: 300px
}
.gr_custom_header_1433834729 {
/* customize your Goodreads header here*/
border-bottom: 1px solid gray;
width: 100%;
margin-bottom: 5px;
text-align: center;
font-size: 120%
}
.gr_custom_each_container_1433834729 {
/* customize each individual book container here */
width: 100%;
clear: both;
margin-bottom: 10px;
overflow: auto;
padding-bottom: 4px;
border-bottom: 1px solid #aaa;
}
.gr_custom_book_container_1433834729 {
/* customize your book covers here */
overflow: hidden;
height: 60px;
float: left;
margin-right: 4px;
width: 39px;
}
.gr_custom_author_1433834729 {
/* customize your author names here */
font-size: 10px;
}
.gr_custom_tags_1433834729 {
/* customize your tags here */
font-size: 10px;
color: gray;
}
.gr_custom_rating_1433834729 {
/* customize your rating stars here */
float: right;
}
</style><div id=’gr_custom_widget_1433834729′>
<div class=’gr_custom_container_1433834729′>
<h2 class=’gr_custom_header_1433834729′>
Joanne’s bookshelf: currently-reading
</h2>
<div class=’gr_custom_each_container_1433834729′>
<div class=’gr_custom_book_container_1433834729′>
<img alt=’The Rest of My Life’ border=’0′ src=’https://d.gr-assets.com/books/1433760596s/25686851.jpg’ />
</div>
<div class=’gr_custom_title_1433834729′>
The Rest of My Life
</div>
<div class=’gr_custom_author_1433834729′>
by Sheryl Browne
</div>
</div>
<br style=’clear: both’/>
<center>
<img alt=’goodreads.com’ src=’https://www.goodreads.com/images/widget/widget_logo.gif’ style=’border:0′ />
</center>
<noscript>
Share book reviews and ratings with Joanne, and even join a book club on Goodreads.
</noscript>
</div></div>
<script src=’https://www.goodreads.com/review/custom_widget/33121229.Joanne’s%20bookshelf:%20currently-reading?cover_position=left&cover_size=small&num_books=5&order=a&shelf=currently-reading&show_author=1&show_cover=1&show_rating=0&show_review=0&show_tags=0&show_title=1&sort=date_added&widget_bg_color=FFFFFF&widget_bg_transparent=&widget_border_width=1&widget_id=1433834729&widget_text_color=000000&widget_title_size=medium&widget_width=medium’ type=’text/javascript’ charset=’utf-8′></script>The blog I need help with is: (visible only to logged in users)
-
For security reasons there are various restrictions on which code can be put in to widgets. Scripts are definitely excluded, and you have scripts in your code. For more details on what can and can’t be included, please see this article: https://en.support.wordpress.com/code/
-
-
- The topic ‘Text widget not displaying properly’ is closed to new replies.
WordPress.com Forums 