Real Estate Theme

[Grant]

Thanks for installing the demo theme – the instructions look much better organized than the first theme I tried. However, I went in to the slider and changed the images and the text has disappeared. I put back in the original images and still no text? The text is there in the slider settings and in the slider setting demo but do not show up live when I publish (https://bajarentalstest.mccinternalmedicine.org/). Also, I assume the ideal image size is the 1400×681?

[Grant]

If I change the original text, it is coming back up so I am good.

[Grant]

How can I add a bit of shadow to the slider text – I just added some CSS (<span style=”font-size:50px;font-weight:bold;text-shadow:2px 2px 2px #000000;”>Amazing value right by the beach<BR> SAN JOSÉ DEL CABO, BAJA CALIFORNIA SUR, MEXICO</span>) and it displays properly in the customize section but then when I publish it goes away even though the CSS is still there?

[Grant]

The READ MORE part of the slider is not showing up most of my sliders – please help – thanks.

[Sonl Sinha]

Hi,

Kindly send us your URL of the site and WordPress admin details (Username & Password) via email: [email protected] Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Dave

[Sonl Sinha]

Hi,

Issue have been resolved from our end. Kindly check and confirm

Regards,
Dave

[Grant]

1. Adding CSS in customizer.

Is this possible or should I NOT do this?

2. Read More link not showing up on some slider images.

This has been fixed – thanks.

3. My agent sections only has two people and can you tell me how I can eliminate the space between their social media icons and their images and how to center the social media icons OR if is possible to have those show up and they all, including the agent image, hover orange (like they do in 5 columns)?

This has not been fixed.

4. On mobile the little ‘Rent’ corner tag in orange does not show up properly on mobile and I need to omit that tags or get that fixed.

This has not been fixed.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.team-infobox .social-icons { margin-top:15px; display:table;}
@media screen and (max-width:479px) {
.property-list > div, .property-list header { position:static;}
.fcarousel .abs-col-item ul.property-status li { left:-69px !important;}
}

Regards,
Dave

[Grant]

That fixed it on desktop but the alignment on mobile is messed up – I tried to fix it in Elementor with margin and padding settings and I could get the images centered on mobile but then it threw off the header text? Also, there is a huge gap between the agents on mobile and, if possible, I would like to have the images hover orange, like the demo (but this last request is not a huge deal).

Also, on mobile, the ‘Rent’ orange triangle in upper left still displays improperly.

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Dave

[Grant]

https://imgur.com/Hr3LoVV
https://imgur.com/7cuszdF
https://imgur.com/PlIwaNk
https://imgur.com/GRG1OEG

or

https://i.imgur.com/Hr3LoVV.png
https://i.imgur.com/7cuszdF.png
https://i.imgur.com/PlIwaNk.png
https://i.imgur.com/GRG1OEG.png

or

https://sarafisadyton.imgur.com/all

[Sonl Sinha]

Hi,

Remove

.team-infobox .social-icons { margin-top:15px; display:table;}
@media screen and (max-width:479px) {
.property-list > div, .property-list header { position:static;}
.fcarousel .abs-col-item ul.property-status li { left:-69px !important;}
}

And add this new CSS there

.team-infobox .social-icons { margin-top:15px; display:table;}
@media screen and (max-width:479px) {
.property-list > div, .property-list header { position:static !important;}
.fcarousel .abs-col-item ul.property-status li { left:-89px !important;}
.elementor-202 .elementor-element.elementor-element-6f72095b { padding:0;}
.home_section7_content .cols2 { width:100%; min-height:inherit; margin-bottom:30px;}
}

Regards,
Dave

[Grant]

Thanks – I did that and it is still a little off-centered to the right and the space between the agents is still a little big on mobile and now the agents name at the bottom is cut off – all of these issues on mobile and the issue of the featured property Rent triangle is still there.

https://imgur.com/stVaTl4
https://imgur.com/bMf0ASP
https://imgur.com/M1InuA6

[Sonl Sinha]

Hi,

Remove old CSS

.team-infobox .social-icons { margin-top:15px; display:table;}
@media screen and (max-width:479px) {
.property-list > div, .property-list header { position:static !important;}
.fcarousel .abs-col-item ul.property-status li { left:-89px !important;}
.elementor-202 .elementor-element.elementor-element-6f72095b { padding:0;}
.home_section7_content .cols2 { width:100%; min-height:inherit; margin-bottom:30px;}
}

Add New CSS

.team-infobox .social-icons { margin-top:15px; display:table;}
@media screen and (max-width:479px) {
.property-list > div, .property-list header { position:static !important;}
.fcarousel .abs-col-item ul.property-status li { left:-89px !important;}
.elementor-202 .elementor-element.elementor-element-6f72095b { padding:0 !important; margin-bottom:0 !important;}
.cols2 { width:100%; min-height:inherit !important; margin-bottom:30px;}
}

Regards,
Dave

[Grant]

That seems to have worked – thank you.

[Author]

Posts