I`m looking for a solution to adding social media icons to the Elementor-Menu in WordPress. Any Ideas?
I could take a Burger Icon and add a pop up on top, but that would be my last option for me.
You can create a shortcode and use it inside the menu... you will need a code or a plugin to be allow to insert shortcodes in the menu. For example: Shortcodes in menus.
The you can create a shortcode with the elements you want to print, if I'm not wrong as follows, and put it in your functions.php file:
function function_whatever()
{ echo 'whatever'; }
add_shortcode('shortcode_whatever', 'function_whatever');
And the last thing is to insert the shortcode in the menu:
[shortcode_whatever]
for those who are interested, I solved the whole thing via the wordpress menu, in which I created a menu item for each social media (icon) with an <img src="/wp-content/uploads/....svg" class="whatever">, which I then styled.
Related
Im editing this jekyll theme with github pages and im trying to add buymeacoffee generated button in menu bar.
It works but for some reason it gets the theme colors, i tried to debug it hours now but it didn't work.
The button should look like this:
https://i.imgur.com/RSYrOx6.png
But now:
https://i.imgur.com/KzwqCml.png
I added it in _includes/navbar.html in the end of the file. I tried to placed it in other files too, outside divs inside divs with custom css classes nothing worked.
Looks like it gets a "general" color, i tried to find this setting but i couldn't, can any of you help me to figure it out? thank you!
you can selector level of custom css in _dark.scss.
Example, you can change with this.
body[data-theme="dark"] .bmc-btn-container > a.bmc-btn:hover {
color: black;
}
Hi I am a student new to Wordpress and CSS and HTML coding in general. I have provided a link of my website below.
https://homepages.shu.ac.uk/~b7009049/wordpress/
What I need help in is making the social media icons that are on the left side of the website disappear upon pressing the + sign that is on top of it. One thing to mention is that I used a plugin called 'layerslider.' and I will type the code on the sheet they provide. As that's where I got the social media icons from.
add z-index: 99999999 !important; to .fusion-sliding-bar-position-left
add this CSS your custom css file
.fusion-sliding-bar-position-left {
z-index: 99999999 !important;
}
I have an existing site that I created with a typical 200px x 300 px logo and then a nav menu to the right of it. The last link in the menu links to a partner site.
They've decided they want to put a 200x300 logo in place of their text link, so my nav menu would essentially be bookended by matching logo images. I'm semi familiar with putting an image in for a nav link and it's a current wordpress install.
I have custom CSS in this wP install, but would that be the best practice for this? Just using an image in CSS for that specific link?
<a class="vasile" href="http://partnerwebsite.com"> Vasile.com </a>
In CSS file add this:
a.vasile {
background-image:url(http://imagethatyouwantotuse.com/image.jpg);
display:block;
height:?px;
width:?px;}
so guys i have been trying to figure out to hide the subnav item into a drop down list how should i approach it? can it be done with css or i have to do some coding work to in order to get it function properly. what i am trying to do is when my mouse hovers over 'activity' 'profile' it drops down the sub nav items for the user
and any help how to hide entry title on a specific page i tried doing it like this
entry-title{
display:none;
}
and it hides it from the whole site and em just trying to shut it off from the buddypress pages..
any answers with examples will be highly appericiated
Buddypress adds a bbpress class to the body on buddypress related pages, you can use that to identify it as a bbpress page
.bbpress .entry-title{
display:none;
}
There are couple of ways you can achieve that.
Using javascript.
if (window.location.href.indexOf("settings") != -1) {
$(".entry-title").hide();
}
Copy the buddypress folder into your theme folder follow this link https://codex.buddypress.org/themes/theme-compatibility-1-7/a-quick-look-at-1-7-theme-compatibility/
and then you can add your own class into those pages and then you can
.customeclass .entry-title{
display:none;
}
or simply you can use Jeffrey Troost suggestion
Hello I've converted the sudo image slider into a more of a content slider for my website and i want to the Nav Links (text) to be highlighted when active (on certain slides of the slider)
I've tried using: "active selector" but it only seems to work with real page links like
Home
Opposed to the slider with this:
Home
Note: the menu is not within the slider.
An example of what i mean is like the menu here but just text: http://rbista.com/demos/zwin/ (this is using easy tabs i'm using sudo slider)
Can this be done in css/html as i don't no JQuery ?
Any help would be great!
This should be enough
$(".customLink").click(function(e)
{
$(".customLink").removeClass("active");
$(this).addClass("active");
});
.customLink.active
{
some css here
}