Bug with "About" Section

Hello! First post here. I’m really digging the Illdy theme.
I noticed a bug and am seeking help with it.

You can view my website at www.datingtipsfordudes.com

I changed the “about” section to “chat live with the love guru” – I share this so you know what section on that website I am talking about.

The issue here has to do with those widgets under the description area.
“Typography” “Design” “Development” – I am unable to remove them.
Or rather, I can edit them to say something else, like “Test” but I want to TOTALLY DELETE those graphics.
When I do click “remove” to remove that section it puts back in the “Typography” “Design” and “Development”

Please help!

Also, minor issue and I can move this to another thread if it’s easier to keep organized, but on the top header/banner area … which says on my site "Dating Tips For Dudes " – how do I change this color? I can’t seem to change it in the editor, the colors seem to be pre-set somewhere, but I can’t seem to find where. If you could help with this too, that would be great. Thanks!

Hey again,

Kindly add and save the following code to Appearance > Customize > Additional CSS:

/*remove section description for about us*/
#about .section-description {
    display: none!Important;
}

EDIT: (please add these as well to make the section look better)

#about .section-header {
    margin-bottom: 0px!important;
}
#about .section-header h3 {
    margin-bottom: 0px!Important;
}

Please let me know if this works. :slight_smile:

Best Regards,
Support

Hi! I added both codes and it didn’t work. Please take a look at my site and see what it did :slight_smile:
I’ll leave the code in there until you reply so you can check it out.

So I just checked the site on the mobile and it looks like the code you added above fixed the issue on a mobile site, but on the desktop it looks wonky.

I also feel compelled to share with you what’s in my advanced CSS section as maybe the positioning of the code is messing with the layout of this?

nav.header-navigation {
display: none!Important;
}

/remove section description for about us/
#about .section-description {
display: none!Important;
}

#about .section-header {
margin-bottom: 0px!important;
}
#about .section-header h3 {
margin-bottom: 0px!Important;
}

@media only screen and (max-width: 1024px){
#header{
background-attachment:fixed!important;
background-position:left!Important;
}
}

@media only screen and (max-width: 1024px){
#header .bottom-header{
padding-top:90px!Important;
}
}

@media only screen and (max-width: 1024px){
.top-header{
display:none!Important;
}
}

Also, I should share that in that “CHAT LIVE WITH THE LOVE GURU” section, I MAY want to put in a little description and a CLICK HERE button… just a FYI as it seems like that last update to the code removed that option?

APRIL 27/ THURSDAY - UPDATE – HELLO, I just noticed these changes on my site and it looks good. My only question for this section is how do I add a button to this section? Thank you!

UPDATE:

  1. In the “Chat Live With The Love Guru” (your About Section) on Safari and my mobile, the “Typography” “Design” “Development” icons are gone BUT on CHROME it’s still showing up for me. I’ve cleared my browser many times, but it’s still there. Any idea how to remedy this?

  2. How do I add a button “Click Here For More Info” to this section?

Thanks!
Blaire

Hey there,
Hope you’re doing well today

I’m currently on your site and everything looks pretty good from my end:

http://www.awesomescreenshot.com/image/2441525/6f231d4799506c7b28aa80f2cedb071b

This screenshot is how I’m seeing your site from Google Chrome and Safari.

Please clear your browser cache and see if you’re seeing the same thing.

Best Regards,
Support

Hi! Thanks for checking it on your browser!

On your screenshot the picture of the girl’s picture is repeating itself.
That shouldn’t be happening. It doesn’t look good.
How do I fix that?

The weird thing is that I don’t see that on my browsers…