Review CSS
This topic contains 10 replies, has 3 voices, and was last updated by Alex Rollin 8 years ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
October 25, 2017 at 3:50 pm #402526
Hi there,
I would like to smarten up the review section as it takes up a lot of space. Can you help me?1. Remove blank space between latest and “LEAVE A REVIEW”
2. Delete text “LEAVE A REVIEW”
3. Delete space after “LEAVE A REVIEW”
4. Delete area saying “Drop files to upload” and all blank space surrounding
5. Delete “place drag and drop images…” and all space surrounding
6. Reduce size of review text box by 50%I appreciate this is a lot to ask but though I would see if you can help me?
ThanksOctober 25, 2017 at 3:59 pm #402535Hi Marcus,
Please share the URL of the site in question so we can take a better look at it and also WP temp admin access to your site. We’ll try our best to help you with this. You can post the details here using the private reply option below.
Thanks!
October 26, 2017 at 9:52 am #402662Of course
http://www.naturephototour.com/October 26, 2017 at 12:46 pm #402701Hi Marcus,
Apply the custom CSS code below and uncheck the option shown in the attached screenshot to disable image upload on comments.
h3#reply-title { display: none!important; } #reviewsTab #respond { margin-top: 0px!important; }Thanks!
October 27, 2017 at 10:38 am #402876Thanks that css worked. Regards the images. I still want this feature but I only want to show the option of the orange box without the text “Drop files to upload” and without the padding
October 27, 2017 at 2:10 pm #402903Hi Marcus,
Alright. Here you go.
div#comment_imagesplupload-upload-ui h4 { display:none!important; }October 27, 2017 at 2:19 pm #402908Great that worked – no how do I remove
“Please drag & drop the images to rearrange the order” and the padding around it?
October 27, 2017 at 3:27 pm #402915Hello!
You can remove text by editing the translation files.
Adjusting the uploads area may have unintended consequences for usability.
Try this and adjust to your needs:
#upload-msg { display: block; clear: both; }For further CSS customization please consider using chrome dev tools. Check out the screen shot attached.
Open Inspector (Right click on element, Select inspect)
In code view, hover cursor over html to identify the element.
When identified, right click and select Copy -> Copy selector
Go to the CSS area and click the plus sign to add a new entry for the selector
Edit CSS to suit your needsYou can also select “hide element” and inspector will write the CSS for hiding the element for you.
After that you copy it out and paste as needed.October 27, 2017 at 3:46 pm #402918Wow cool – thanks
October 27, 2017 at 4:04 pm #402925Where do I select “hide element”?
October 27, 2017 at 4:55 pm #402939Hello!
Using inspector to hide elements is a multistep process also.
Open Inspector (Right click on element, Select Hide Element)
In CSS area, inspector will write the code for you (watch closely!)
Go to the CSS area, copy, and paste into you GD -> Design -> ScriptsIf it works in inspector, but not when you paste into GD, try clearing site and browser cache.
Thanks!
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket