Curious to see if there is a method to display the title of an image on top of the image (ex. absolute positioned)? I am not in control of the image size/placement as it is done through the Wordpress admin panel. Can't find any understandable source material.
"The easiest way to edit your CSS file is to visit Appearance → Editor from your WordPress dashboard. You’ll want to open the style.css file (which should be open by default). This is your stylesheet."
Source https://thethemefoundry.com/blog/how-to-customize-a-wordpress-theme/
Related
We are just setup a SharePoint Server 2019 and created several site collections. We first remove the top left element of the suite bar in .css or .js. I am not sure where did I remove the suite bar.
However, we would like to bring it back to all site collections. I tried to edit the SuiteNav.CSS COREV15.CSS and the master page css file, but no luck to bring it back (Please refer to the Reference Image).
Reference Image
I use f12 to check the class and found this part is totally missing from my site collection.
<div class="o365cs-nav-topItem o365cs-nav-o365Branding o365cs-rsp-tn-hideIfAffordanceOn"><a class="o365button o365cs-nav-appTitle o365cs-topnavText" role="heading" href="https://<spsite>/_layouts/15/sharepoint.aspx" id="Sites_BrandBar" aria-label="SharePoint"><span class="o365cs-nav-brandingText">SharePoint</span></a></div>
Can someone let me know how to fix it or how to reset the suite bar setting/config file to default. Thanks a lot~
You can find the CSS attribute of the corresponding element and the location of the CSS file in effect in the style window of the developer tools.
Pay special attention to:display:none.
If no CSS that does not display the element is not found, find all the js files that work on the current page in the developer tools.
After you find your custom js file, click to view the source code.Then you can debug the code, find out the effective code, and upload the modified code to the corresponding location.
I am currently working on http://rightinfo.co.in
When I am trying to share this site on a FB page it is showing an image that I have not included in my site.
I have tried by adding ?v=1 to the url and url shortner services.
In facebook debugger also , the image is not showing. But in actual sharing , unknown image is showing.
Please help me to solve this
Thanks
You have issue with tags Please check this facebook debugger it explains alot Facebook debugger
It's because the og:image (see here) meta tag is set. This tag defines the image, which will be shown on facebook.
To change this image, try to edit this tag, take a look at the theme settings.
Another way is to change/delete the image itself, e.g. via FTP.
You can find it here: WEBROOT/wp-content/themes/Morpheus/img/portfolio/folio01-preview.jpg
Btw, I see you are using wordpress, I'd consider using a SEO plugin, which makes a proper use of the og-tags as explained here
So, this is sort of a strange question.
I am trying to create a research/writing portfolio on my website. My goal is to display a small "thumbnail" image of the PDF (like a thumbnail of an image) and then link to a pop-out that will display the PDF text with page flip-through capability (like amazon does for previewing pages in a book). I could just use an image file for the thumbnail and link to the PDF, but I am having issues getting this to work correctly since the layout I am using has a "Maginifier" tool to open portfolio samples rather than a link-out and I prefer to have a pop-out preview, as I mentioned before.
This is for the now-empty "Portfolio" section of my website www.lyndajoygerry.com
Thank you!
Best,
Lynda Joy Gerry
I'm creating an image gallery using the Galleria plugin.
I'm customised the styling of the gallery, editing css within the .js file, but there's one task that's got me stumpted:
I'm trying to replace the arrows that appear on either side of the image lightbox. They are currently created using type, but I need to replace these using images to be consistent with the rest of the site.
I've tried adding the images as I normally would using CSS, but it failed to display.
I'm not very experienced with Javascript so any tips on how to call images in CSS contained within Javascript would be gratefully received.
Here's a link to the code from the Javascript:
http://jsfiddle.net/tomperkins/TQDU7/
And here's a link to the plugin site if that helps:
http://galleria.aino.se/
Thanks in advance,
Tom Perkins
You just have to edit the "classic-map.png".. just make sure you map them in the same way ( put your button images at the same spot as the once already there )
Hi I want to find a module or a js script to embed to drupal that can show me all the images uploaded to a node (CCK fields as images) and when I click on one to load that image as the highlighted one (big picture) just like in the following layout.
Can anyone tell me if such a module exist?
or
an image has to be loaded by default
I believe the Fancy Slide module can do what you're looking for. If not, there are other Rotator/Slideshow modules that may.