Mods to pbytax-style.css for formatting

  • Resolved wordnow

    (@wordnow)


    8 years ago

    There are three mods I wish to make but unsure where or how to make them in the pbytax-style.css file:
    For reference see this page: https://blog.godreports.com/country/?countrycode=af&joshua=af
    The left column is using your widget
    1. Reduce the size of the image and the corresponding margins around the image (could not figure that out).
    2. Reduce any left and right margins for the widget image and text. See how on the page referenced there is a small margin on the left side for the widget.
    3. Reduce the bold title wrap around to the same line height as the post text. Right now it looks almost double spaced taking up way too much room.
    4. Am I able to insert a line <hr> to separate each entry.
    In other words, I am trying to format it similar to the middle column of the page which I linked too (uses my own custom coding and template)

    • This topic was modified 8 years ago by wordnow.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author piccart

    (@piccart)

    Hello!

    for your point 1. there is an option within the widget, called “max width”, on the right of “Display Thumb”. if you set 50 then it will make the image big the same as the other column.

    then the other issues are mostly caused by your theme default styles for elements. In particular the huge spage between lines in the titles is because your theme sets 30px line-height..

    anyways, if you place these few tweaks into the css, then it should all display fine (to make the separator line we can just set a border-bottom for each item container, no need to use hr):

    ul.pbytax-list{
	padding-top:12px;
}
ul.pbytax-list li{
	line-height: 1.2;
	padding-bottom: 8px;
	margin-left: 0;
	border-bottom: 1px solid #333;
}
.pbytax-post-title{
	line-height: 1.1;
}
.pbytax-excerpt {
	margin-top:6px;
}

    then if you want the excerpt text to don’t go below the image and rather align the same way as it does in your middle column, you can deselect the option “Allow Text to flow below picture” (it’s at the bottom of the widget).

    p.s. in any case, DO NOT edit the plugin’s style file. Place the above css into your theme css file, or any other custom css box that you might have within your theme admin options.

    • This reply was modified 8 years ago by piccart.
    • This reply was modified 8 years ago by piccart.
    Thread Starter wordnow

    (@wordnow)

    Thank-you, works perfectly now.Thanks as usual for the rapid response.

    Plugin Author piccart

    (@piccart)

    great! ??

    I see you haven’t reduced the size of the image from the widget options. is that intentional or you haven’t found that option?

    by the way you can also reduce the length of the text below the title if you want, with the option “length” next to “Display Excerpt” (excerpt is the wordpress name for the post’s abstract). ??

    cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mods to pbytax-style.css for formatting’ is closed to new replies.