Hi,
we want to add some avia code to all Portfolio pages.
[av_one_full first]
[av_heading tag='h1' padding='0' heading='Ihr neues Projekt' color='' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='' subheading_size='10' custom_class=''][/av_heading]
[av_textblock size='' font_color='' color='']
Unsere Arbeit gefällt? Wir freuen uns von Ihnen zu hören!
[/av_textblock]
[av_button label='Kontaktieren Sie uns' link='manually,http://#/#avia-google-map-nr-1' link_target='' size='large' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']
[/av_one_full]
But we can’t find the right file for output.
Or what is the best method to add things to all Portfolio Item Pages?
We use a Child Theme.
Thx a Lot
Chris
one more question: how to reduce the font size?
Thanks.
Hello,
I thought this was fixed (see this https://kriesi.at/support/topic/centered-large-logo-not-working-on-mobile/#post-451376) but when I fixed the mobile with this code:
.responsive .logo img { margin-left: 20%; }
It broke on the desktop view. The log shifted to the right and was then cut off.
Here is the entire Quick CSS code as it is now.
/* positions menu -secondary*/
nav.sub_menu {
left: -30% !important;
position: relative;
}
/* Centers logo and leaves it bigger size*/
.html_header_top.html_logo_center .logo {
left: 28%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
@media only screen and (min-width: 990px) {
#header_main>.container {
padding: 0px;
top: -215px;
}}
.inner-container {
top: 210px;
}
/* Font size of body*/
body {
font-size: 15px;
}
/* Turns off the auto capitalization*/
h1,h2,h4,h5,h6{
text-transform: none !important;
}
/* Header displaying correctly on Tablets*/
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_menu_tablet .main_menu {
display: block;
}
.main_menu {
margin-right: -30px;
}
.main_menu ul:first-child > li > a {
font-size: 10px;
}
.logo img {
width: 250px !important;
}
}
Hi – I’ve combed through the threads for over an hour & have tried several “Quick CSS” additions, etc… however nothing is working to increase the “Caption Text Font Size” in the Fullscreen Slider. The “Caption Title Font Size” changes just fine, and both are able to have custom colors assigned to them. Can you please help with this? The default Caption Text Font Size is just much too small for what I need… Thanks in advance, and I love your theme dearly! :)
Susan
The Header, Footer and Advanced Layerslider won’t span the full width of the screen on a desktop widescreen monitor.
The Header Custom Height is 194px to fit the height of the Custom Background Image
Can you please help?
Thank you!
The existing Quick CSS is:
div#header_main_alternate > .container {
height: 45px !important;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 4px;
font-size: 11px!important;
}}
@media only screen and (max-width: 768px) {
.phone-info {margin:0 !important}
}
#mobile-advanced li > a:before {
top:3px}
#mobile-advanced a {padding:3px 28px !important}
#top #mobile-advanced .visible_sublist {margin:0 0 0 20px}
.avia_mobile .avia-icon-pos-left {margin:-0.6em .5em 0 0}
Hi there,
How could I change the “/” separator of the post and portfolio categories into a “|” ?
How to change te font size of these categories. They are too big now.
http://www.meesvisser.com/projects/
thanks !
Hey!
The layer slider plugin automatically resize the slide background to make it responsive. You need to set the Layers Container and Responsive Under field values in the Slider Settings. Default value is around 1140. Regarding the heading tags, the styles are being overwritten by the theme defaults. Edit the layer then go to the Styles panel. Set the font size.
Best regards,
Ismael
Hey Derek!
1. Try this out.
.tab_content p {
font-size: 15px;
}
2. Try this.
.tab:hover {
color: red !important;
}
Regards,
Elliott
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.title_container .main-title { font-size: 12px; }
#top .title_container .container {
padding-top: 5px;
padding-bottom: 5px;
min-height: 45px;
}
Cheers!
Yigit
Dear Kriesi,
how to resize area with title and breadcrumb ?
How to resize font in this area separately title and breadcrumb ?
What is the name of this area in Theme Options?
Hi,
ich hab gestern von der Version 3.0.8 auf die 3.1.5 upgedated. Seitdem funktioniert folgender Code nicht mehr:
#header form#searchform {
top: 43%; left: 22.3%; position: relative;
}
#top #searchform>div {
max-width: 312px;
}
#top #s{
height: 29px;
width: 247px;
border: 1px solid #827f7c;
color: #474747;
}
#top #searchsubmit{
width: 65px;
height: 29px;
font-weight: bold;
line-height: 12px;
font-size: 12px;
color: white;
background-color: #e28329;
background-image: -moz-linear-gradient(top, #e28329, #d25a23);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e28329), to(#d25a23));
background-image: -webkit-linear-gradient(top, #e28329, #d25a23);
background-image: -o-linear-gradient(top, #e28329, #d25a23);
background-image: linear-gradient(to bottom, #e28329, #d25a23);
background-repeat: repeat-x;
border: 1px solid #827f7c;
border-left: none;
font-family: 'Arial' !important;
z-index: 14;
}
Dieser hat ein Suchfeld im Menü erstellt.
LG
Hi!
Please select the Default content font size option: http://imgur.com/Tsum2zt. If you need to change the size and style of your headings as well you can do this under Enfold–>Advanced Styling.
Cheers!
Rikard
Hey!
Thanks for the screenshot, did you try the CSS I gave you and did it work out? I think you’ve made some CSS changes yourself, like the icons for instance. Try this as well in Quick CSS:
@media only screen and (max-width: 767px) {
.av-icon-char {
font-size: auto !important;
line-height: auto !important;
}
}
Regards,
Rikard
Hi!
You can use it like this:
[av_heading heading='& #034;Tania's Magnific& 045;Essence& #034;' tag='h3' style='' size='' subheading_active='' subheading_size='15' padding='10' color='custom-color-heading' custom_font='#5f3194'
Remove the space after the ampersand.
Cheers!
Ismael
Hi Gunter. I don’t see the ability to change the font size on the Fonts tab. I see only the ability to select the font style. Is there some CSS that could replace this function?
Derek
Hi!
1. I was able to add two sections with some content at the end, please check.
2. Add this to Quick CSS:
#footer h3.widgettitle {
font-size: 16px;
}
Best regards,
Josue
Hi Yigit
The update to version 1.5 did not solve the issue.
I have to mention that I’ve put some extra php in the custom.css file in order to create the menu bar of the my-admin page (klantenzone).
When I delete the code, the footer remains ok, but then I do not have the my-admin menu and all the my-admin info is on one page.
In my previous theme, the code did not cause any trouble.
Here is the code (at the end of the custom.css file:
/*— tabs woocommerce my-account —*/
.tabs {
width: 100%;
float: none;
list-style: none;
position: relative;
padding: 0;
margin: 75px auto;
}
.tabs li{
float: left;
}
.tabs label {
display: block;
padding: 10px 20px;
border-radius: 2px 2px 0 0;
color: #2d5c88;
font-size: 18px;
font-weight: normal;
background: rgba(255,255,255,0.2);
cursor: pointer;
position: relative;
top: 3px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tabs label:hover {
background: rgba(255,255,255,0.5);
top: 0;
}
[id^=tab]:checked + label {
background: #2d5c88;
color: white;
top: 0;
}
[id^=tab]:checked ~ [id^=tab-content] {
display: block;
}
.tab-content{
z-index: 2;
display: none;
text-align: left;
width: 100%;
line-height: 140%;
padding-top: 10px;
padding: 15px;
position: absolute;
top: 53px;
left: 0;
box-sizing: border-box;
-webkit-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.tabs { margin: 0 auto; }
.tabs li > input[type=”radio”] { display: none; }
Can you please advise me further?
Thanks
Bart
Hey!
Please add following code to Quick CSS as well
#top .av-control-minimal .avia-slideshow-arrows a:before {
border: none;
}
a.scroll-down-link {
font-size: 50px!important;
}
If you would like to change the icon, please see – http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/
Regards,
Yigit
Hey!
1. Copy the provided code into a Text Widget.
2. Use the following CSS code:
#top .sidebar .widgettitle{
color: red;
font-weight: bold;
font-size: 22px;
font-family: serif;
}
Best regards,
Josue
Hi Btina!
Please add following code to Quick CSS
@media only screen and (max-width: 1380px) {
h2.avia-caption-title {
font-size: 14px;
}
.slideshow_caption {
padding: 5px;
}
#top .avia-slideshow-button {
margin-top: 1px;
}}
Regards,
Yigit
-
This reply was modified 10 years, 10 months ago by
Yigit.
Hi Kriesti,
First of all thanks for all the great work, love the Enfold theme(L).
I have one small question.
I have made an own image overlay for grid items.
Based on the posts that you have placed.
this is the code i used:
.av-masonry-image-container:before {
content: attr(title);
background: red;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left:0;
text-align: center;
line-height: 180px;
opacity: 0;
font-weight: bold;
font-size: 24px;
}
.av-masonry-image-container:hover:before {
opacity: 1;
content: attr(title);
}
.av-masonry-image-container:before{
transition: all linear 0.2s;
}
Everything works great. There is just one little thing.
The content attribute title is not showing anything.
If I type in regular text, it works. But I need it to automatically grab the title.
If I change the class to grid entry, it works. The only problem is then that it overlays not just the image, but also the spacing and the title, while I just want it to overlay the image.
Is there anyway I can make it grab the title?
You can check it out on this link.
http://lirimo.nl/our-work-page/
Please help.
With Regards,
Marco
Thanks Ismael, that worked but not quite aligned as I needed, so I tweaked your code a little.
This now works :
.avia-search-tooltip.avia-tt {
position: fixed !important;
min-width:900px !important;
top:18% !important;
left:0% !important;
background-color: white;
z-index: 99999;
margin: 0 !important;
}
.avia-search-tooltip.avia-tt {
width: 100%;
}
#top #searchsubmit, .ajax_load {
width: 100px;
height: 100%;
}
#top #s {
width: 100%;
font-size: 50px;
}
#top #searchform div {
max-width: 100%;
}
Thanks Rikard,
That was my introduction to html, but I must have done something wrong because it didn’t work.
If I enter Tania's Magnific-Essence in the Special Headings Window, it does correct it in the blog edit window to this, which I want,
“[av_heading heading='Tanias Magnific-Essence' tag='h3' style='' size='' subheading_active='' subheading_size='15' padding='10' color='custom-color-heading' custom_font='#5f3194'][/av_heading]
but then if I update and preview, there’s no heading in the post.
If I go in manually and correct the code to this in the formula in the blog edit window, to this:
“[av_heading heading='Tania's Magnific-Essence' tag='h3' style='' size='' subheading_active='' subheading_size='15' padding='10' color='custom-color-heading' custom_font='#5f3194'][/av_heading]
the sub-heading appears in the post, but with all the symbols and numbers, not the corrected version.
Tania's Magnific-Essence
Can you spot what I’m doing wrong? Thanks.
Hi ojasray!
Please try the following in Quick CSS under Enfold–>General Styling:
.js_active .top_tab .tab {
background-color:white !important;
font-size: 18px !important;
}
Best regards,
Rikard
Hey Michael!
Please try the following in Quick CSS under Enfold–>General Styling:
a.cart_dropdown_link {
font-size: 32px !important;
}
Cheers!
Rikard
Hi there
This problem was fixed but now for some reason its not lining up again on desktop computer view.
The right hand menu items are lower than the left hand copyright info. It was overlapping on mobile view but now its gone out of line again. Below is my quick CSS code.
http://test.natashasolley.com
@media only screen and (max-width: 767px) {
.responsive #socket .sub_menu_socket {
display: block!important;
}}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #socket .sub_menu_socket {
display: block !important;
}
}
#socket .sub_menu_socket div {
overflow: visible;
}
#socket .menu {
margin-top: -6px;
}
#socket {font-size: 14px;
}
#socket .sub_menu_socket li {
line-height: 1.5em;
font-size: 14px;
}
Hi!
Try to move the blog posts element outside of the 1/1 column layout. It doesn’t change because the font size is being inherited from another parent container instead of the body container.
Regards,
Ismael
Hey!
Please try the following in Quick CSS under Enfold–>General Styling:
.avia-testimonial-content {
font-size: 100% !important;
}
Best regards,
Rikard
Hey strengthcoaching!
Please try the following in Quick CSS under Enfold–>General Styling:
h2.post-title, h2.entry-title {
font-size:24px !important;
}
Regards,
Rikard
I am using a BG COLOR with Color Section – and a tabs inside of the color section. When keeping it white – it looks fine, but when you have a bg color the tabs look funny – see the private section.
The 2nd tab using the BG color – which makes it difficult to read. Is there any options to change the font size, bg color of cells? when using just a basic data tabs?