Top two Big Grid 4 posts not allowing text to be full width

Posted in: Newsmag
Post count: 136
WakeUpCallProject
#169740
Apr 26, 2017 at 7:41 am

On the home page: https://smallcaps.com.au
The top two sections of the main Big 4 grid do not allow the text to be full width.
As a result the title gets squashed up and takes up much of the image.

I have placed text to highlight here what I wish to achieve:
https://smallcaps.com.au/wp-content/uploads/2017/04/Top-two-Big-Grid-4-posts-not-allowing-text-to-be-full-width.jpg

If you can please let me know how to achieve this.

Thanks

Post count: 23312
Catalin
#169787
Apr 26, 2017 at 11:10 am

Hello WakeUpCallProject,

I have inspected your website and I saw that you are using the Big Grid 4 for your top of the homepage. If you want to display in full width the text of your meta info container, you should use a bit of CSS and make this container to be 100%.

The code is ->

.td-grid-style-1 .td-big-thumb .td-big-grid-meta {
width: 100%;
}

The result is here -> https://www.screencast.com/t/SLLQy41Kd

Thanks for your understanding!

Post count: 136
WakeUpCallProject
#169803
Apr 26, 2017 at 12:09 pm

Thanks that works great. 🙂

Also I noticed the Big Grid 4 darkens the feature image. Is there a way to make it less darker (as a %) or have it the original image colour?

Post count: 23312
Catalin
#169859
Apr 26, 2017 at 4:36 pm

Hello WakeUpCallProject,

If you want to make this container to be darker, you should apply a background-color with opacity (RGBa) on this container. For more information about how this can be done, please consult here -> https://www.w3schools.com/cssref/tryit.asp?filename=trycss_color_rgba

Thanks for your understanding!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newsmag’ is closed to new topics and replies.