-
Posts
-
Hi there,
I tried to change the width of my sidebar in the lay out settings.
Somehow the container width of the main content changed to 1010px.The setting are back to default, but it doesn’t change back to it’s original. (1310px)
Even if i try to change it in Quick CSS it doesn’t seem to change on the frontend.I cleared my cache of my browser, but this doesn’t change anything.
hope you guys can help me out.Hey KingFilly,
The password provided did not work for me. Can you please check this again?
Best regards,
Jordan ShannonHi,
If I understand correctly you would like the max-width to be 1310px.
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.Best regards,
Mikeanother question that i have for this project:
I would like to have my titels of the iconlist that i use in lowercase.
Is this something that i can change in settings? I tried this in Quick CSS:.avia-icon-list .iconlist_title {
text-transform: none !important;
}But this doesn’t work :(
link of a page where i use iconlist in private content.Ok, it looks likes my Custom CSS doesn’t work properly.
I tried to change the color of the timeline for all iconlists im using on the website. I copied a working CSS code from another website of my and nothing changes:.main_color .avia-icon-list .iconlist-timeline {
border-color: #3E5EA7!;
}And i think it’s not only Quick CSS that doesn’t work the way it should.
I tried to overrule the colors of the extra submenu above the main menu under ‘Extra Styling’ tab and this doesn’t work also… :(Hi,
If you remove or comment out all of your custom css does the option functionality return? If so, you could have some errors is your custom css formatting.
Best regards,
Jordan ShannonHi Jordan,
I found it!
This was breaking it down:
@media only screen and (max-width: 767px) {
.av-hamburger-inner {
background:black !important;
}the purpose of this was to have a black background for my hamburger menu on Mobile & Tablet screen.
Can you provide me the right code?And i didn’t got the other two problem fixed avout the Icon List. (see posts above):
Time-line color change & lowercase the title text of iconlist.Hope to hear from you!
Hi,
It looks like you forgot a bracket. Try this:
@media only screen and (max-width: 767px) { .av-hamburger-inner { background:black !important; }}Best regards,
Jordan ShannonThis almost did the trick. check it out for yourself. It just shows 1 ‘stripe’ of the hamburger menu on mobile (?!)
and do you have a solution for my other questions?
And i didn’t got the other two problem fixed avout the Icon List. (see posts above):
Time-line color change & lowercase the title text of iconlist.Thanks in advance :)
Hi Victoria,
Yes, i was talking about that :) I would like to make the each icon box fully clickable. So not only the icon or text, but the whole box.
Also, i would like to change the color of the timeline in a icon list.
Hope you can help me out!
Hi,
Please add this code in the functions.php file.
// custom script add_action( 'wp_footer', 'ava_custom_script' ); function ava_custom_script() { ?> <script type="text/javascript"> (function($) { function a() { $('.iconbox').on('click', function(e) { var link = $(this).find('a').attr('href'); window.location.href = link; }); } a(); })(jQuery); </script> <?php }And add the following code in the Quick CSS field.
.iconbox { cursor: pointer; }Best regards,
IsmaelHi Ismael,
I added the code to the function.php file and the other code to CSS as you suggest, but this didn’t do the trick.
Any other suggestion?regards
AHH it actually does work Ismael. I was confused because you don’t see the ‘hand’ instead of ‘pointer’, what you expect when you click on something. Isn’t that possible?
maybe it is better to have only on those iconboxes a pointer which has a link
so add a class with this code to iconboxes which includes an anchor in it and only give the css to those new class.add_action( 'wp_footer', 'ava_custom_script' ); function ava_custom_script() { ?> <script type="text/javascript"> (function($) { $('.iconbox').has('a').addClass('withlink'); function a() { $('.iconbox.withlink').on('click', function(e) { var link = $(this).find('a').attr('href'); window.location.href = link; }); } a(); })(jQuery); </script> <?php }.iconbox.withlink { cursor: pointer; }Hi Guenni007,
It actually DID the trick ;)
.iconbox:hover {
cursor: pointer;
}worked like a charm :P
Thanks Guenni & Ismael.
I asked another solution also in this thread but it got lost…
It’s about changing the color of the ‘timeline’ in a iconlist.
I tried this code before for another project and that worked:.main_color .avia-icon-list .iconlist-timeline {
border-color: #3E5EA7!;
}But this doesn’t seem to change on this website.
Hope you guys also have a answer for this.did you see that the code is a bit different? i add before a class to only the iconbox which has an anchor element as descendant gets the pointer!
to your timeline:
.main_color .avia-icon-list .iconlist-timeline { border-color: #3E5EA7 }you have behind the color an exclamation mark – maybe a rest of an important ?
.main_color .avia-icon-list .iconlist-timeline { border-color: #3E5EA7 !important }there is no need to have a spacebar between so it could be #3E5EA7!important as well – so maybe you copy/paste the mark with the hexcode.
Hi Guenni,
How stupid of me. good that someone is sharp today ;)
And thanks for the tip, i’ll open a new thread for another question.have a good weekend!
@ moderators: you can close this thread now.
- The topic ‘Maximum Container Width’ is closed to new replies.