Need custom CSS for…

Home Forums Legacy Support Support queries Styling issues Need custom CSS for…

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #272434
    ranamj1987
    Participant
    Hi, I need help with custom CSS. Issue 1: I am trying to add some custom HTML in the top footer for diverting the students to the forum page. This is the code that I wrote.
    <html> <body> <style> .manoj_div{ text-align: center; } a:link, a:visited { background-color: #556DD7; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block; }   a:hover, a:active { background-color: #0531EA; } </style>     Do you have a question? Our community members can help. Ask our community </body> </html>
    Now, when I put this code in the widget area for the footer. The CSS applies to the entire page and every button gets modified. I just need to apply this to only one section. https://immienglish.com/ Please visit this website and help me with the custom CSS for the button.
    Issue 2 : Now, I wish to make following changes to the forum page. I need custom CSS. Please click here https://snipboard.io/JGEM1N.jpg All the changes that I need are mentioned on the image
    Issue 3 : I need to change the text in the tile. Please find the image and assist me with the custom changes. https://snipboard.io/1k0UKr.jpg
    Issue 4 : I need to change the color of the entire tile. Please help me how to do that. However, I need to do it for just one page. Also tell me how I can change it individually on each page. I want separate color for every page. https://snipboard.io/4fVrwc.jpg
    Issue 5 : I want to modify the registration page. Please help me with CSS changes. All the changes that I need are mentioned on the image. https://snipboard.io/TepiVX.jpg
    #272545
    Diana
    Participant
    @ranamj1987 Issue 1: Can you please tell me why and where you want to add this HTML snippet? Exactly which button you want to modify because the method is wrong Issue 2: Forums changes I can't remove this because page title and page subtitle both are in the same wrapper refer: http://prntscr.com/tawgjd And other customizations you mentioned in your screenshot is not possible because we are using BBpress for this forum's functionality. And we are not modifying anything in their template. Better to ask their team support how to add a button there Issue 3: Share the page Link, please Issue 4: Need page URL
    #272638
    ranamj1987
    Participant
    Hello Diana Issue 1: I want to add this HTML as a widget in the top footer of my website which can divert the student to the 'forum' page. https://snipboard.io/CGlfWF.jpg Check the link you will be able to find it. I have also highlighted the text which should be a button.  This is the link of my website : https://immienglish.com/ Moreover, you will also find the text already in the top footer.
    Issue 2 : forum page changes. Okay, you can't add the button over there however, help me with the CSS to make the style changes. You can do that. I didn't asked for many changes. Just change the position, size of the search bar. And the color of the tile in which the search bar is present.
    Issue 3 : <span style="color: #4b4d4d; font-family: Lato; font-size: 14px;">I need to change the text in the tile. Please find the image and assist me with the custom changes. </span>https://snipboard.io/1k0UKr.jpg This is the link of that page : https://immienglish.com/blog/
    Issue 4 : Changing the colour of the tile https://immienglish.com/blog/ Now, all of the pages in my website have similar style. I need to change the color of the tile. Please help me with  a standard method to do this so that I can change it on every other page with same style manually and with different color for each different page. This is the blog page. I mean different for other pages. I know that one page will have only one color.
    Issue 5 : You completely ignored the registration page details. Please help me with all the changes with the registration page. https://immienglish.com/register/ This is the link of that page and these are the changes that I need : https://snipboard.io/TepiVX.jpg
    #272843
    Diana
    Participant
    Point 1: We have this shortcode:  [button url="https://wplms.io/support/forums/topic/button-shortcode-text-color/" class="" bg="#054700" hover_bg="" size="0px" color="#ffffff" radius="0px" width="0px" height="0px" target="_self"] Career Assessment [/button] pass the URL and text of button according to you and put it in footer widget. A button will be visible Point 2: Forum Style Change according to this screenshot: https://snipboard.io/JGEM1N.jpg You asked for button and the page subtitle removal but both these can't be done. Here is the css for changing the title color: .bbpress .bbp-breadcrumb .bbp-breadcrumb-sep:after, span.bbp-breadcrumb-current {color:#ffffff !important;} change the hex color code according to your requirement: http://prntscr.com/tbma57 Point 3: Edit the page in the backend and change the subtitle text from here: http://prntscr.com/tbmaxn Point 4: use this custom css .blog .pagetitle h1{color:#ff0000 !important;} .blog .pagetitle h5{color:#70c989 !important;} It will change the pagetitle color only for blog pages refer: http://prntscr.com/tbmc04 Point 5: Register page issue ---> Please first confiorm above 4 issues that what is left then we will move to this one because I have to explain ecerything properly about this registration page
    #278763
    ranamj1987
    Participant
    Hello Diana, Sorry, for a late response. Point 1: Thanks the button is working. However, can you help me to align it in the center? https://immienglish.com/ Point 2: If you can't change the text it is fine. However, adding a button to create a topic is also not possible? How? Point 3 : I tried to did as  you said but the Subtitle box is already empty. I don't need the name of my website on the Tile. I wish to write "Blog" by replacing the existing text. In short, the way you describe it is not working. Point 4: I think you misunderstood me completely. I don't want to change the color of the text. I want to change the color of the "background" Point 5: Registration page is pending but as you said. Let's sort the first 4 issues.
    #279003
    Jackson
    Blocked
    Hello, 1- If you wan to make this button to be shift in right use code given below: .footertop a#button7152.button { position:relative; left:70px !important; } RefeR: https://prnt.sc/trn6cj 2- Yes , Adding a button to create new topic is not possible, 3- Okay, Share admin credentials and page url for which you want to change the sub title 4- If you want to change the background color use code given below: .blog.custom-background section#title { background: none !important; background-color:red !important } RefeR: https://prnt.sc/trncoi Thanks,
    #280617
    ranamj1987
    Participant
    Hello, Thank you for the customization. It worked. 3) You wish to have admin credentials to access the website to make the necessary changes or you are asking me to create one for you? 4) Is it possible to use any gradient in it or only simple color will be possible? 5) It is possible to indent unordered list? 6) Your bullet issue with the Elementor is still not solved even after updating the theme. Can you tell me how much time it can take? 7) Let us work on the registration page now?  
    #280784
    Jackson
    Blocked
    Hello, Yes, share admin credentials with website url, ANd also mention issue one by one also mention register page issue, I will solved one by one, Thanks,
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Need custom CSS for…’ is closed to new replies.