Choosing Images to Appear for Posts in NEWS Highlight or Focus

[lucasmarstonmusic]

When I add photos to a post, the posts that float in the NEWS Highlight section do not have an image in them. The only time they do is if I add the photo into the Text Block along with the text but they show up blurry and I don’t have control over their px like with a photo shortcode.

Am I able to choose which photo from the post appears as the post image in the magazine window and can I choose whether or not the text is underneath or next to the image?

Also, when I put these in the side bar they show up very small with tiny images. I would like to make them larger and more noticable.

Notice in the first image that the top post does not have an image though there are three inside of that post.

In the second image you will see that the photos are small and round and the posts look like clutter. Is there a way to make them look as large as, say, a google ad would look?

Also, while I’m here I would like to make the text for these posts in the NEWS Highlight shortcode much larger.

Thanks!

 

Attachments:

You must be logged in to view attached files.

[sharmstr]

1 – If you dont want the images to be pulled from the text, then you need to set a featured image and the post format must be Standard or Image. You can put the text underneath by changing your shortcode settings so that the number of Featured posts to show big is equal to the number of posts you’re displaying (post count in build query).

2 – You can use this css to change the sidebar images

COPY CODE

.news-widget-wrap img {
    width: 60px !important;
    height: 60px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

3 – To change the text size, edit the shortcode and add bigger-text to the css box. Then click on the gear icon in vc and add this css (or you can put it in your quick css)

COPY CODE

.bigger-text {
    font-size: 20px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[lucasmarstonmusic]

Thanks for the response. Where can I input that CSS? When I go to Appearance – Editor it says:
DO NOT EDIT THIS FILE
* CSS Rules in this file will not be used by the theme.
* If you want to edit/add styles you need to enable the child theme and add your custom styles there.

Where can I find the child theme?
Thanks

[sharmstr]

If you dont have the Kleo Child theme enabled, put css in Theme Options > General > Quick CSS

Information about the child theme is in the documentation.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts