I am trying to create a website with wordpress, but I was asking me if it was possible to remove a "duplicate" menu --> I actually use Reyjavik theme, and created a child theme. It is possible to add a Social menu in the menu area. I implement a social menu and thought it was only present on the header part of the website. But no, it's also present in the footer..
I searched a lot on the internet, and saw that one way would be to write diplay: none but that it was not a good way for SEO.
Do you know how could I do to remove this footer link within my child theme without do a copy & modification of the entire main.php file please ? Is there a way like additional style.css file to block this button please ?
PS : It's not a widget
Thank you for your help !
Jerry
You can set visibility: hidden.
display:none means that the element will not appear on the page at all (although you can still interact with it through the dom). There will be no space allocated for it between the other elements.
visibility:hidden means that unlike display:none, the element is not visible, but space is allocated for it on the page. The element is rendered, it just isn't seen on the page.
Andrey's comment is worked well. The alternative way I would recommend is to remove source code by creating a child theme as you have done before. It will good for your performance which is better than overriding CSS.
There are a few steps
Copy menu-social.php from templates/parts/menu in Reyjavik theme
Create templates folder in child theme
Create parts folder in templates folder
Create menu folder in parts folder
Paste menu-social.php and edit source code (or remove it)
Hope it works to you!
Related
So I am trying to do an menu for the viewer to easily access specific chapters of a long webpage.
I use anchor tags that links to different sections using ID's. But when I click the links from my menu the sections are located at the bottom of the viewport. On the other hand - if I try to access the section using the full URL the view port goes (as intended) to the top of the viewport.
What is up with the links from my menu - why are they not working?
https://learningbank.io/employee-journey/#cap03
Please paste the original code.
In any case, you may have set the anchors to high so when you click the link it sends you somewhere higher then where you intended.
Otherwise. You could always add more pages and have them as <link href=""> links. Thats if you have no other solution though.
Solved it. Or rather the Wordpress builder (Elementor) I use for making the website actually comes with an widget that handles anchor links. It seems the builder itself interferes with the regular practice of adding links.
I made a drop down menu using HTML and CSS. Something like this: http://sneznipark-kg.si/
How can i put a menu in external file(so that i don't need to make changes to it on every page individually)?
I could use iframes, but the problem there is, that elements that "drop down", are only visible in iframe, not on the main page.
I found some solutions using PHP, but i cant use those, because contract with my server provider doesn't include databases (so i cant use PHP, right?).
I think you are looking for:
How to Make Website Navigations with PHP Includes:
http://www.youtube.com/watch?v=IMh2cGIX41g
Simple PHP/HTML navbar for a static website:
http://www.youtube.com/watch?v=v8PUIVn3NFE
As mentioned above, you should be able to use PHP.
If you're not opposed to jquery AND both files are on the same domain. You can use .load().
http://api.jquery.com/load/
You can use any container as a place holder. Like a div, then load the html page into the div. It will put the entire page into the div. So you probably just need to add the menu part, and not the entire html markup.
I am using a jQuery CSS style on the main portion of my website. It works fine. Now, I also have a sub-directory of my website which should not use the style. When I manually navigate my browser to the sub-directory of the website, no style is applied which is what I want. When I click on a link to the sub-directory from the main area, however, it is applying the CSS style from the main part even though I am not referencing this CSS anywhere in the HTML of that sub-directory. If I refresh the browser, the style goes away.
Please can someone help me understand what is going on here? Thank you.
You are using jquery mobile, which by default loads the content of links via ajax. That means you don't have a page refresh when clicking on a link. The contents get dynamically inserted in your document which still has all your css.
More information here.
http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html
You have to disable ajax for that link. More information here.
jquery-mobile - how can I bind disable ajax links to a certain class
Clear your history and browser data, then refresh and try.
Try to open the link in chrome and using the developer options (F12)
look for the resources it is referencing. If the page is referencing
the CSS files then either Javascript is making the referencing or
you have accidentally kept the resource link. Let the forum know your findings.
Edit
Somebody seems to have done what I have mentioned and has come to conclusions that they are because of AJAX. The steps I have mentioned above would let you do that all by yourself.
I'm not great with html, but people I have asked are telling me it is impossible to change the color. The script comes from a separate website and is not my own. I would like to change the color of the link. All my other links are black, and I would like to keep them that way, but I want this one to be #f2f2f2. Although there isn't a color code in the script itself, is there a code I can add elsewhere to change it?
The script won't show up so I have screenshotted it and here is the link to see
<script src="http://tc.freehostedscripts.net/tcounter.php?url=kittycocaine.tumblr.com&name=x" type="text/javascript"></script>
This script is from an outside website, and is used to track activity. The website that created the script will not allow me to change anything in the script posted above.
I have total control over where I can place the script, but I would like it to show up in top left so I was just going to post it at the top of the head tags. I put the entirety of my html into pastebin in case that helps with anything
http://pastebin.com/PbuYkDbQ
Based on your question, this script is adding some url link to the page.
Is there any reason you can't style it with CSS for whatever color you want? If the inserted href doesn't include any class, you could target it to be inserted into a div with some class in it (or just re-purpose whatever element its nested in, if there are no other urls).
Your question is still unclear, but possibly what you could try is:
Surround your script with a named div, e.g. <div id="activityLink"> { your script code ... } </div>
Add a style section to the head of the html: <style> </style>
Create a CSS rule for the link color within the style block : #activityLink a { color: #f2f2f2; }
Links can have different colors depending on their state, see CSS Links page on W3schools.
If you want to do any web development, I'd strongly suggest learning CSS, a basic knowledge is quite easy to learn and very useful.
I see your file has the extension .php it has to be .js.
According to your comment, "I'm not even sure how to do that I'm sorry, what would I do?", As you said that is a file from another domain. If that domain is yours please change the file extension from .php to .js by going into your folder and right click edit it and then remove that .php and then write .js in there.
One easy way could be to search for CSS thing on google.
I am using weebly as my website builder. I am not able to put Adsense advertisement in the vertical menu - I am only allowed to put it in the content window if I use the editor.
I assume I will have to modify the css/html and create content panel in this area (see screenshot) but unfortunately I have no idea how can I do it. Any ideas please?
Put an adsense ad under the navigation menu seems to be impossible without modify the HTML and CSS code.
To do it, you just have to export your theme (Settings > Un-published > Download the archive) and import it (Design > All themes > My Custom Themes > Import theme). An advice, to import the theme with success, read the recommandations because, otherwise, you will have error messages. After, edit the navigation menu in your new custom theme, add your adsense code, probably, in the #sidebar div and save modifications.
I hope I could help you and say me if you have any other problem.
You can insert anything on your vertical menu. I've done that 100%. I was able to insert a search button on the navigation bar and surprisingly, you can insert anything on it.
The technique is simple, just place the HTML on the Lay out area under Design Tab. Then insert the CSS on your sites header or on the main-style.css.
This is rather a long tutorial to make it clear to you. Here is my tutorial on how to insert an element to your navigation: http://www.myweeblytricks.com/2014/07/inserting-search-box-in-weebly.html
Good luck!
Another much simpler way would be add the Column element beside your content, and adjust the settings of the Adsense Element to 'Skyscraper'