-
Posts
-
Hi,
I’m attempting to create a custom menu in the footer.
Where I’m stuck: I cannot get the font to resize or change the color of the link hover.
I’m using an html block in the layerslider, and have tried multiple ways to resize the font to 14px. I also want the link color before hover to be a different color than the normal site settings and the hover color to be different.
Here’s what I’ve tried with no success:
* inline html inside the layer slider interface
* classic head/style/body tags inside the html code block in the layer slider (what’s in there right now)
* css using my own class
* css using a copied selector
* changing the font size inside of the layer in the layer slider to the size I wantHelp!
Below I provide the exact thing I’m trying to accomplish, the old site that we’re copying into your theme from a different one. Along with creds.Also, can you kindly share how I can style icon colors? You can see the fb icon I started playing around with. I would like for it to appear as a different color to start, but especially for it to change color on hover.
I’ve tried:
* Adding a class to the icon inside the layer slider interface
* Using css to style the selectorNeither has yielded results. And I’m especially unclear about how to change the hover color for something like this.
Last but not least, I would like to drop a copyright line at the bottom of this area. I already have this js for is:
©<script type=”text/javascript”> copyright=new Date(); update=copyright.getFullYear(); document.write(“” + update + ” ” + ” “); </script> Mary Sise, LLC [nolink]
But I can’t seem to add any js to the layer slider interface. Can you give me a way to accomplish the above inside of the layer slider I’m creating as the footer “page”?I had to design all of this in layer slider to get the responsive aspect I want with the background image.
Hey wordninj,
Sorry for the late reply. Please try the following in Quick CSS under Enfold->General Styling:
.footermenufont li a { color: #000; } .footermenufont li a:hover { color: #00a4c5; }Best regards,
RikardThank you! I see you discovered I figured out most of my questions but that one.
Here’s where I’m still stuck: how would I make the social media icons that I’m putting in highlight on hover? You can see the FB one I have in there now.
Hi,
Sorry for the late reply. Could you try adding a class to your social media icons, so that we can target them with CSS please?
I’m not sure what you mean by the copyright line, do you want to add that in the slider as well?
Best regards,
RikardI have added a class to all of the social media icons. I list it in the private content area.
Regarding the copyright line, if you read my original post with this thread, you will see:
“Last but not least, I would like to drop a copyright line at the bottom of this area. I already have this js for is:
©<script type=”text/javascript”> copyright=new Date(); update=copyright.getFullYear(); document.write(“” + update + ” ” + ” “); </script> Mary Sise, LLC [nolink]
But I can’t seem to add any js to the layer slider interface. Can you give me a way to accomplish the above inside of the layer slider I’m creating as the footer “page”?”In other words, I need shortcode or some other way to create a copyright line at the bottom of this area. It should be small text, so I also need instruction on how to impact the sizing to get it looking the way I want it, and it should automatically change the year without any effort on my part. I need to be able to control padding, too.
Another issue I’m having is this: the full menu in this slider does not appear when looking at the site on a phone.
I tried using em sizing in the css, but I was unsatisfied with it. The text becomes way too small to read on a phone this way.
How can I get the menu to wrap appropriately in responsive mode while keeping the sizing at a fixed px instead of em?
Hi,
Thanks for the update. Please remove the dot from the CSS class you added, it won’t work if there is a dot in the class.
Copyright line; the default backlink won’t be added, so you can remove the shortcode, and add your custom code to the slider. If you can’t add it into the slider, then you might have to add it into a code block, and position it using CSS.
Menu on phones; please try this in Quick CSS:
@media only screen and (max-width: 767px) { div.footermenufont li { padding: 0px 10px !important; } div.footermenufont li a { font-size: 12px !important; } }Best regards,
RikardI have to say, I am finding this support extremely frustrating. It takes so long to get any answer,. And when I do, the answers are not thorough and not always actually answering what I have asked. TO WHOMEVER IS RESPONDING TO THIS: I understand that you may be working under a lot of time pressure and probably get paid per number of responses. I am begging you, please take the tine to actually help me so that I don’t have to keep sending in the same questions over and over again.
I am going to be incredibly detailed in this request. Please take the time to look at it carefully and answer all the parts. You might even go so far as to READ THE PREVIOUS COMMENTS IN THIS THREAD BEFORE YOU ANSWER ME and GIVE ME EVEN MORE INFO THAN YOU THINK I MIGHT NEED AFTER A QUICK GLANCE.
I have now had so many incomplete answers, for which I have to wait days, that I feel the need to start this request this way, even though I generally don’t like to take a tone like this in writing on the internet.
* I removed the dot in the css class I created, and added css to the quick css area that SHOULD style the hover color for these icons. Unfortunately, it is only working to style the hover color for ONE of the icons.
Please help. I am asking for a thorough answer here. Give me the exact css to add to the quick CSS area, not the answer for someone who is working in code 24/7. I do not use CSS that often. That is why I have paid for support. I have no earthly idea why my CSS would style one icon only, when I have applied that class to all the icons.
* Re: JS and copyright line: I understand clearly that the SHORTCODE I PROVIDED WON’T WORK, as I explained in multiple comments. What I DO NOT UNDERSTAND is: WHAT CODE TO I INSERT INSTEAD TO GET THE SAME RESULTS? For the answer to be, as above, “add your custom code to the slider” WTF!!!! NO DUH! But I don’t understand how to code that. Isn’t that clear from my many references to this code throughout this lengthy thread?
Please give me the exact code I can use INSIDE THE LAYER SLIDER that will GIVE ME THE SAME RESULTS AS THE JS I HAVE INCLUDED IN THIS THREAD MULTIPLE TIMES. If I already knew how to code something so that the year would automatically update, without using this js, I would not bother you in the first place.
Please send me the exact code that I need to use to create a copyright line that will look like this:
©YEAR THAT UPDATES AUTOMATICALLY Mary Sise, LLC. All rights reserved.Please also share the CSS I should add in order to style this code. I understand how to use CSS to change the sizing, color, etc. of fonts, but I continue to struggle with grabbing the right selector in this theme. I would like the font to be 12 px to start, and I can take it from there as long as I have the correct selector to match the piece of text/code that I add to the slider.
I would like to add this line of text/code directly to the layer slider so that I can easily manage layout.
* New question:
The favicon does not regularly appear for the site. Sometimes it does, sometimes it doesn’t. And I cannot deduce any reason for why it does or does not. I added the appropriate image in the appropriate area of the theme options as far as I can tell.Hi,
Thanks for the update. For future reference; please try to stick to one problem per thread, as they quickly tend to get complicated otherwise. Also please note that we are here to help you with problems with the theme, that is what the paid support is for. We are not here to customise the theme for you, although we try to help with that as much as possible. What you are looking to do with your layer slider, is a customisation.
Styling your social icons; I still can’t see a custom class added to them, if you can’t add one, then we can’t target them with CSS.
Copyright field with date; what you are looking to add is simply general code, it’s not platform or theme specific. If you can’t add it into the slider, then you would have to use another method, a code block element from the layout builder for example.
If you need more help than we can provide here on the forum, then you might want to hire a freelancer to do it for you, or research how to do it online.
Best regards,
Rikard
- You must be logged in to reply to this topic.