Viewing 20 posts - 1 through 20 (of 31 total)
  • Author
    Posts
  • #156617
    atousa
    Participant

    Hi,

    I have used the following add Css but they don’t work, could you help me please?
    The background colour on the search box is black with a white outline, I need to change the text to white so it’s visible when searching. I’m using catch full screen free theme.

    input#s { color: #ffffff; }

    I found the following on an old topic on the forum and have added them but had no effect.

    #masthead input::-webkit-input-placeholder { color: #fff; }
    #masthead input:-moz-placeholder { color: #fff; }
    #masthead input:-ms-input-placeholder { color: #fff; }

    Thank you
    atousa

    #156671
    Skandha
    Participant

    @atousa: Please post in your site URL so that I can look into the issue.

    Kind Regards,
    Skandha

    #157155
    atousa
    Participant

    Hi Skandha

    adesignunit.org

    To be honest I have bigger problems now;
    I launched the website today and it is missing quite a few things on internet.
    a- the front page header was a full page with an image fully covering the page and scroll down to the content page of home page, as you are familiar with fullscreen theme. but it is not showing the image, it is just white, it does show both categories and the side bar. So anyone accessing the site can’t see the name and logo, etc. Since it’s been live the front page has gone white on my dashboard too, but in the header section under customise the image is still there.
    b- on the project page the image is not showing, so it’s only text
    c- in the studio page, the image is showing but it is not moving as it should do when scrolling up and down, it is just static.
    d – is there a way to remove the date on the blog pages, even though it is now showing unless you hover over it, but I would like to remove it.
    e- the beach bar on the main menu is fine as it opens a white window, but on the blog page the window has a black background so I either have to change the background to whit or text to white. is this possible at all?

    Do you think you would have time if I send you an additional user access to fix it for me please? or if you could take me through it, Much appreciated

    Thank you
    atousa

    #157281
    Skandha
    Participant

    @atousa:
    a. I see a full image covering the page and scrolling down to the content and don’t find any issues.
    b. I don’t see any image in the Projects page. Have u inserted any featured image to it?.
    c. The image in the Studio Page seems to moving while scrolling up and down.

    d. To remove dates from blog page posts
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    article .posted-on {
    	display:none !important;
    }

    e. The search bar on the blog page seems to be displaying well it has a white background and the text is showing up well.

    Let me know if this helps you out!
    Kind Regards,
    Skandha

    #157283
    atousa
    Participant

    Hi Skandha

    Thank you very much for your reply. Meanwhile waiting for your reply, I managed to sort the issues; a.

    I was told by others that the image on the studio page (issue:C) is not moving, I could see it moving for me but for them it wasn’t moving, now you confirmed that it is, so that’s great.

    thanks for the add. CSS, It works perfectly, thank you.

    As for the issue:b, The featured image is the one that comes up as a background image behind all categories, when scrolling up once from the home-front page, which is fine. but as like the story, studio and home content page I have added a photo in the visual box with the text, which works on the above pages, but not on the project page. I haven’t done anything different on the other ones so I am not sure why this is not coming up.

    The issue is that the image is showing when I look at the website but not when others access it, as you’ve confirmed. Similar issue with issue see that I and you could see it moving but others see a static image! strange

    Also everyone says the scroll is super slow, it’s fine for me, so I don’t know what to make of it. Is there a reason for that I should look into?

    I await your reply and thank you

    Kind Regards
    atousa

    #157284
    atousa
    Participant

    Hi Skandha,

    Sorry, one more issue.

    the footer of the home content page is very large in term of depth, whereas on other pages, it’s fine. In a way both footers are deeper on home page than they are on the rest of the site.

    i.e. there is a large gap at the top of the audio widget and at the bottom of the page after copy right line, only on the home content page.

    Is there anyway I could reduce the size and make it the same as other pages?

    Thank you
    atousa

    #157285
    atousa
    Participant

    It is strange that you see the search bar on the blog page with a white background, so why do you think it appear with a black background for me? and consequently when I try to type, the text doesn’t appear, I know the text is there but can’t see what I’ve typed due to the b.ground.

    thanks Skandha,

    atousa

    #157344
    Skandha
    Participant

    @atousa: Please update the theme to the latest version and let me know if any issue persists.

    Kind Regards,
    Skandha

    #157419
    atousa
    Participant

    @Skandha

    Hi, I have updated it, but the issue is I can’t be sure whether what I see is what is viewed by others.

    a- update resolved the issue with the footer on home content page,
    b- the SEARCH BAR on the BLOG PAGE WIDGET is still showing BLACK background for me, I have also checked it via another device and it is black so how you see it white I am not sure.
    the search bar in the main menu has a white background which is fine.
    c- I can not be sure whether the image above the the text on project page is visible for others or not. But when I used another device it was showing.

    Thank you
    atousa

    #157573
    Skandha
    Participant

    @atousa:
    b. Background color of SEARCH BAR on the BLOG PAGE WIDGET
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .search-field {
    	background:#fff !important;
    }

    c. if you are talking about the image of a moon then yes it is visible.

    Let me know if this works out!
    Kind Regards,
    Skandha

    #157670
    atousa
    Participant

    Hi @Skandha

    thank you very much, it worked perfectly

    Kind regards
    Atousa

    #157697
    Skandha
    Participant

    @atousa: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/catch-fullscreen/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

    #157795
    atousa
    Participant

    Dear Skandha

    I certainly would like to leave a very good review for you and thank you for all your help, but when I open the link you’ve included, it takes me to edit my last review which was related to one of your colleagues over 3 weeks ago, which I clearly don’t want to do edit.
    I would like to keep that and leave a review for you.
    Can you please advice?

    And of course, I probably will ask for your help in the future.

    Many thanks again Skandha

    Kind Regards
    atousa

    #157798
    Skandha
    Participant

    Hello @atousa,
    You will need to login to your wordpress.org account to leave us a review. Maybe that is the reason you are just able to see the reviews that are already given by other users.

    Let me know if you are able to leave a review now.
    Kind Regards,
    Skandha

    #157854
    atousa
    Participant

    Hi Skandha,

    Of course I log in to wordpress, and as I mentioned above, I see the old review I’d written for a colleague of yours. The link you’ve send me, opens up my old review for editing -which I don’t want to edit or remove- rather than giving me a new window for a new review. I’m not concern with other people’s review, but I can’t see a new option for leaving a review. I tried leaving that page and choosing review from the menu, but it still opens up the old review window for editing.

    Msg that comes up above the review window: Now Editing “Pratik Lal Shrestha” review

    Thanks
    Atousa

    #157894
    Skandha
    Participant

    @atousa: You seem to have already left us a review so you cannot leave a review again. Anyways thank you for you appreciation and have a good day.

    Also let me know if you have anymore issues.
    Kind Regards,
    Skandha

    #157899
    atousa
    Participant

    Hi @Skandha

    Oh, I see. I have edited that review and have added your name as you were very helpful.

    Thank you again

    Atousa

    #157958
    atousa
    Participant

    Hi @skandha

    One more issue,

    On my studio page, I have issues with keeping the text alignment. I have used ‘site origin editor to create boxes to be organised the page.
    Originally I had two boxes; i.e. ethos and client. but the text was appearing as if it was covered by a surrounding black frame and therefor wasn’t showing the full text. So I made 5 text boxes, left the two side and the middle boxes empty to create gaps and to make sure that the full text is showing.
    Yet there is an issue with the text alignment and I would like to have it aligned without words extending to the next line.
    Would you please look at the page and see whether you could help please.
    I tried to use varied spacing to make sure the words finish fully at the end of each sentence but have not been successful. It looks really untidy.

    Thank you
    atousa

    #157981
    Skandha
    Participant

    @atousa: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .page-id-2 .siteorigin-widget-tinymce.textwidget p {
           text-align:justify !important;
    }

    Let me know if this is what you want!
    Kind Regards,
    Skandha

    #157996
    atousa
    Participant

    Hi Skandha

    Thanks for that, it tidied it up but the words at the end of some of the lines are still divided/extended with a dash to the next line, rather than pushing the full word to the next line.

    I tried to use spacing to push them down/up but still it comes up with similar issue. I would like each line to finish with a full word rather than just part of the word if possible.

    I hope I am making sense.

    Thanks again
    atousa

Viewing 20 posts - 1 through 20 (of 31 total)
  • The topic ‘How to change the text colour in search box widget to white?’ is closed to new replies.