S5 Masonry title picture is not coming properly

infocubic

Hi,

In the home page the blog section title picture is not coming properly in newly added by me. Please help me what is the issue. I have followed the same setting to create new post as given demo data, but it is not showing. Please see attached screen shot and help me.

aman204

infocubic Hi

Can you add your admin details in edit fields in order for us to take closer look.
For reference, You can follow thread post (5 point) procedure.

Also, You may try the suggestion provided here to circumvent around the relative limitation

teitbite

infocubic Hi. Images added are 150px width only. Haven't You changed that in settings?

You can use this css, but those images will be overresized and appear blurred:

.s5_masonry_img_wrap img {
width: 100%;
}

infocubic

teitbite

Hello Teibite,

Thanks for your reply. I have added the above code and checked it is not coming properly. I removed it now.

I also checked image size of one of the demo blog which has 600x338 pixels and I also having the same size of image, but why is not coming properly?

Pls see attached screen shot for your reference....

aman204

infocubic Please confirm if you have tried the suggestion provided in specific forum thread

If it still doesnt help, You may kindly provide WP admin details in edit fields enabling us to take closer look

infocubic

aman204

Yes I have tried the suggestion, but did not help.

I have added the WP admin details, kindly check and resolve the issue ASAP.

I have more queries on other home page content, it is fine if I ask the question here itself?

dominic

Hi infocubic ,
I have helped you resolve this issue, you can check your site now.
Please check your site and let me know if you have any issue or question.
Regards,

infocubic

dominic

Hi Dominic,

Thank you for your reply. It is working fine now.

I have more queries on changing the content in the home page.....Can you pls let us know how do I change the Icons in the homepage as shown in the screen shot.
I tried as per the ion icon site, but those are not coming...

dominic

Hi infocubic,
If you want to change the icon, you can go to the following link to find the icon: https://ionicons.com/v2/
The Theme using the IonIcon V2.0.
Hope this helps!

infocubic

dominic

Hello Dominic,

Looks like something is happened to our site.. all the icon got changed automatically. The search Icon and social icon and other's also in the home page...

Request you to help me to solve this ?

I am not sure whether the template has issue......pls see attached screenshot

dominic

infocubic
Please go to the Dashboard > Appearance > Editor > index.php file then remove the following code:
<link href="https://unpkg.com/ionicons@4.5.5/dist/css/ionicons.min.css" rel="stylesheet">

infocubic

dominic

Thank you dominic. This issue has been fixed.

I need one more help, in the home page Upcoming Schedule section the background color gray width fully not extended to the screen. Please help to get the done....

teitbite

infocubic Hi. Please try ad this to css:

#s5_bottom_row1_area1 #s5_bottom_row1_wrap {
padding-left: 0;
padding-right: 0;
}

infocubic

teitbite

This did not work

I need only the background gray and should be padding left right 0 not for the text.... and also this is happening for blog section also.

I have now removed Additional widget classes, separated by spaces
(Responsive, Icon, Extra Style, Etc.): Gray

Can you please help?

infocubic

teitbite

Hello Teitbite,

I need to change the background for the upcoming schedule section like in the screen shot mentioned. Please help

infocubic

Can you pls respond?

golub2

Regards

Im also having same problem with pictures in Masonry
I check other post and set thumb size to 0
but then when I open post it is full size image not thumb and then all this doesnt look nice
I see that on demo page it is also like this but if it is thumb it look nice

teitbite

golub2 Hi. If size is set to 0 than it's not using a thumb. What size do You need? Can You please explain why can't You use the exact width needed?

For the old request please set the class back and apply my code, so I'll know what needs to be changed.

teitbite

infocubic Hi. It's not that easy. First You will have to move all the modules from this area to one from below options. Than You can change color of background fro whole this section with code:

#s5_bottom_row1_area1 { background: #ddd; }

infocubic

teitbite

I have applied the background color as you suggested, but the issue is it is applying to The Blog section as well. I need to set only to the Upcoming Schedules section.

Please help....

teitbite

infocubic Those 2 areas are connected. You will need to move the blog section to another module position. There is no way to style it separetelly.