Changing Color of Title

  • Resolved jeffz8

    (@jeffz8)


    4 years, 3 months ago

    Thank you for your excellent work. A very useful logical layout to solve a need. — see my review ??

    I have one problem though that I am wondering is driven by my theme. Perhaps you can assist. Based on other questions, I have tried to control the title with the following. I have set the font to a large size for testing and that works, however the color will not change. I tried to change the HTML setting to use a heading title and that did not change color either. Right now I have HTML set to ‘P’ and the following custom style.

    #pis_posts_in_sidebar-2 .pis-title {
    font-size: 18px !important;
    color: green !important;
    }

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Aldo Latino

    (@aldolat)

    Hi @jeffz8,

    Thank you for your excellent work. A very useful logical layout to solve a need. — see my review

    Thanks! ??

    Looking at your theme, you can use the following styles. First of all, remove the style you currently have in the widget admin and then paste this:

    #pis_posts_in_sidebar-2 .pis-title {
    font-size: 18px;
}

.widget-area #pis_posts_in_sidebar-2 a.pis-title-link {
	color: green;
}

    Let me know, please.

    Thread Starter jeffz8

    (@jeffz8)

    Thank you that works. I see why the separate style is needed. I did not account for the link.

    Plugin Author Aldo Latino

    (@aldolat)

    You’re very welcome!

    Thread Starter jeffz8

    (@jeffz8)

    Additional issue

    It seems that before I started playing with the size of the font, the font wrapped within the bounds of the thumbnail image. Now it goes far beyond the image before wrapping. Can that be controlled?

    For detail here is the custom styles at this point (notice I have added line-height):

    #pis_posts_in_sidebar-2 .pis-title {
    font-size: 0.9rem;
    line-height: 1.1;
    }
    .widget-area #pis_posts_in_sidebar-2 a.pis-title-link {
    color: #3683b9;
    }

    Plugin Author Aldo Latino

    (@aldolat)

    I’m not sure if I have correctly understood what you mean. Do you want that the horizontal length of the title should be the same as the length of the image? Can you tell me more?

    Thread Starter jeffz8

    (@jeffz8)

    correct, or at least close to the same length.

    Plugin Author Aldo Latino

    (@aldolat)

    Try this and let me know if we are close to what you like:

    p.pis-title, p.pis-excerpt {
	width: 150px;
}
    Thread Starter jeffz8

    (@jeffz8)

    That is it. Many thanks.

    pis-excerpt” — I just read up a bit on css excerpt class. Seems I have a lot to learn.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Changing Color of Title’ is closed to new replies.