Title Background Responsive Issues

[tjinc_admin]

Hey there I'm having extreme issues with the title background.

1. First of all, when I select an image (png or jpg) it only uses a very small portion on the top left corner.

2. I've tested using an SVG image and I got partial success. I did around 20 tests of image dimensions until I got a good shape for desktop view.

3. When I went to see the mobile version, it looks gross, and a don't know how to fix it to all devices.  I'm attaching screenshots to show you the differences.

Any tips on how to use this? Any suggested image size and format? Screenshots here: https://imgur.com/a/nWGJr4n

[Veronica]

hi, can you please elaborate it that with which image you have the issue? refer:  https://prnt.sc/rs2bqr i am confused with your query it will be great if you explain it with video or more screenshot! if you want the image to be small in mobile view then we can provide css for that but first explain with which you want the same.

[tjinc_admin]

Hi Veronica, Is the background.

[Anshuman Sahu]

this css would work for all  : please try adding this custom css in your wp-admin -> appearance -> customize -> custom css : section#title .course_header{ background:transparent !important; } .single-course section#title{ background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(165, 165, 165, 0.8))!important; background-size: cover; background-position: top; }

[tjinc_admin]

That worked!   Thanks

[tjinc_admin]

Hello guys can you help me with a code for the search section too? I attach an image as a reference to the section that I'm trying to mention https://imgur.com/a/GzspgAI   Thanks again!  

[tjinc_admin]

Hello again. Can you also send me a code for the user profile background image?   Thanks again

[Veronica]

hello dear, refer: https://prnt.sc/ruhwjs what you want to change please explain! same for Can you also send me a code for the user profile background image? please provide screenshot with proper explanation where you want to make changes.

[tjinc_admin]

Hello, Veronica We're talking about CSS Codes for Backgrounds for Profile Page, Search Results Page and Edit Course Page. I hope these screenshots are explanatory of what I'm looking for. https://imgur.com/a/OLo722g Thanks    

[Jackson]

Ok i understand please provide the page url for which you want to customize title background. Thanks,

[tjinc_admin]

Hi Jackson Here there is https://cognita.cloud/ Looking forward to your soonest reply Thanks

[Jackson]

i need your admin credentials to check the shared page. i have no authorization to check the members profile. have a look: https://prnt.sc/rw5edo

[tjinc_admin]

This reply has been marked as private.

[Jackson]

Hello @tjinc_admin use these css code go to cutomize>>custom css and paste code given below : Note: Change color code according to you, /* Search Page */ body.search div.pusher section#title { background: #f00 !important; }     /* Profile */ .bp-user div#global .pusher .member_header div#item-header:not(.cover_image) { background: red !important; }     /* Edit Course */ body.page-template-create_content div.pusher section#title { background: #f00 !important; }   Thanks,

[tjinc_admin]

Hi Jackson, It works partially. For profiles backgrounds it didn't work, can you please try again with that one? Thanks again

[Author]

Posts