I am using weebly site builder and so just a beginner on Html coding. I am having issues making anchors work on my pages. They seem to work on some systems and not others, and so I think there must be a better method.
Here is what I am doing
I have a guest author page and I want each guest, to have a direct link to his section of the web page
I set up an anchor as follows
Then use the following link to it
http://arthurvaso.weebly.com/guests2016.html/#smith2
On some computers/broswers this works just fine, in others, it just goes to the Top of the page instead of the section I want.
I basically have pages I want to make direct links to
Poet1
Poet2
Poet3 etc
I search here, an all the posts were either years old, or not exactly the answer I was looking for. It seems the newer the browser version, the less my method works.
I really appreciate any help, thanks!
There is a little trick to it, but it's an easy fix for you. You are missing in your Anchor.
Change:
<a id="smith2"></a>
To:
<a id="smith2"> </a>
Make sure to publish the changes.
And, note that your Anchor Link should be:
http://arthurvaso.weebly.com/guests2016.html#smith2
without the / after .html
Related
I am a writer and I have menu for my chapters list on my website of 30+ chapters and currently it annoyingly looks like this:
current website
As you can see it cuts off, and Wordpress annoyingly doesn't have a feature that turns it automatically scrollable. There are 30+ chapters and you have to keep scrolling, scrolling, scrolling down to see them all.
I have found some good looking solutions on StackOverflow but don't know where and how to apply them on Wordpress.
If anyone could talk me through literally step-by-step 1. where to find the CSS of my Wordpress site 2. the code I'll need 3. where to paste it 4. if there's anything I need to add to the navigation block's inidividual "Additional CSS Classes" part like so: Additional box in the corner and anything else I need to do. I would be super grateful!
One of my fears is just dumping a bit of code somewhere in the middle of editable CSS and screwing up my entire site! My CSS knowledge is super beginner so laymans terms is very much appreciated thanks :)
I tried using Plugins (those seem even more confusing than CSS) and have considered using Elementor too but I have Googled and YouTubed, trying to find a solution and nowhere has something as specific as what I'm looking to achieve frustratingly.
I tried following this youtube video: https://www.youtube.com/watch?v=73XjO7hFZaw but didn't know what my "Target Element Selector" was, even when I went into Inspect on Chrome, all I found was this
I am trying to set up some sort of conditional, non-intrusive text box that shows up only for people using AdBlock. I am adamantly and emphatically opposed to popups or locking the content of my website to AdBlock users. I simply want to have a small section of plain text show up that says, “Hey, you! Before you read on, we ask that you consider whitelisting us on AdBlock. (etc. etc. etc.)”. I want people to be able to scroll past it without issue and not have their experience with my website be impacted if they choose not to whitelist me; I'm not out to coerce anyone or annoy anyone, I just want to make my case, in brief, that I don't run obstructive, malware-filled ads and it would be great if they supported me. And I don't want it to show up if someone doesn't have Adblock enabled.
I'm not very savvy with HTML, but if someone can clearly instruct me where exactly to put some code in to my website, I would be open to an option that involves editing my website's code. Otherwise, a plugin that I've overlooked would be really helpful. I've looked around but most of what I've found is something that puts a giant sticky on the page to obstruct peoples' view until they whitelist. Again, I don't want that. That is exactly the reason people got AdBlock to begin with. People who use such countermeasures are fundamentally missing the point. (/rant)
Thanks in advance!
Use this plugin.
https://wordpress.org/plugins/ad-blocking-detector/
Read this article:- https://www.wpbeginner.com/plugins/how-to-detect-and-stop-adblock-in-wordpress/
Hope its working for you. try this and let me know
Would anyone happen to know how to use CSS to link to an internal page instead of using a href?
The situation is... I have a feed on a page from an external source on another one of my website (which controls the link) I wish to use CSS at my end to change the direction of the link almost creating a feed without coding RSS.
As of now I am using the following code to kill the link as I would rather it go nowhere than to an undesired place:
.col-one-thirdtest a.item-link {
pointer-events: none;
cursor: default;
}
Any help would be greatly appreciated.
Problem solved by using http://open.dapper.net/user-dapps.php and http://feed.informer.com/ in order to select the sections of the page I needed and then convert them into an RSS feed! Job Done!
Nope. CSS is not a scripting/behvaioral language. It's a styling language. (Your pointer-events trick doesn't work on all browsers, anyway.)
You'll need to use JavaScript to change the link locations.
Also (as a side note), you might want to reconsider your reasons for having the feed from said external source if the links don't go where you want them to. The behavior you're asking for suggests that your feed might be the wrong way to go about your desired effect.
I'm trying to display all node_edit form neatly within a lightbox without any of the excess content I don't want. No sidebars, footer, header, nothing. Just the content. So I created a page-node-edit.tpl.php file.
I have two problems daunting me, but for now I'll only mention the first since its more important.
1) From any drupal page, clicking on the "edit" link for the node doesn't activate the lightbox like it should. Instead it clicks-thru the link as normal.
With jQuery in the header I added a rel attribute for the lightbox to the links, but the box still doesn't activate. I tested the lightbox on a link I hardcoded into the page, and it activated just fine. For elements generated by Drupal, like the node edit link/button the problem seems to be timing.
I think the rel attribute needs to be built with the page, with the link, rather than appended onto it. The catch is, the link lacks an id and class, so I don't see how the hook_alter_link() function can help me.
I'm willing to try anything. Perhaps someone has done this before? Opened a node/edit form within a lightbox.
Any suggestions would be greatly appreciated.
I've seen the Modal Frame API used in a few modules (Node Relationships uses it to do something very similar to what you're doing); might be helpful...
http://drupal.org/project/modalframe
Hey guys, I've tried asking this at the wordpress forums, but I'm not getting much useful assistance...
I've recently built a site for someone, which I'm currently testing (http://www.audaciousdreaming.com/test/), and I'm having a bit of an issue with Safari.
Basically, as can be seen on the site, the drop down menu links are just linking to named anchors within each page. This works perfectly with Firefox, Opera and IE, but Safari doesn't seem to 'see' the hashtag for the anchor in the link. It seems happy enough with the 'top of page' links, but the menu items do not play nice. I've tried with named anchors, named spans, using the 'name' parameter as well as 'id', but nothing works.
I found a forum post somewhere (which I've now managed to lose) that said that if there is some sort of redirect in the page header that Safari will pick this up and lose it's memory of #tags in a way that other browsers won't- I don't know if this is a known issue with Safari? Is there any easy fix?
Interesting -- you can actually see the site redirecting from
http://www.audaciousdreaming.com/test/index.php?page_id=18#Volunteers
to
http://www.audaciousdreaming.com/test/?page_id=18
... so presumably it's the rewriting out of the index.php that's causing the problem. mod_rewrite, from what I remember, can't "carry across" the fragment, so relies on the browser to do that, and Safari isn't doing it.
As a quick and dirty solution, could you simply change the links so they already omit the index.php and therefore don't get rewritten? That will presumably stop your site doing an unnecessary redirect, too, which can't be a bad thing...
I had a similar problem linking to in-page anchors. However, my problem involved javascript that was overwriting the link to the specific anchor and resetting the page to the top of the window.
Have you tried browsing the stack exchange site WordPress Answers? Here's my question there...with a jQuery solution to scroll to a named post id on a page.