This reply has been marked as private.
This reply has been marked as private.
Hey!
We have not tested but you can try using this plugin – https://wordpress.org/plugins/font-resizer/
Cheers!
Yigit
Hey quadrocreative!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.special_amp {
font-family: inherit;
font-style: inherit;
font-size: inherit;
line-height: inherit;
font-weight: normal;
}
Cheers!
Yigit
Hey!
Please use following code instead
.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
padding-top: 167px;
}
.phone-info {
font-weight: 200!important;
color: white!important;
font-size: 16px;
}
i see that last code is working fine now. Please flush browser cache
Regards,
Yigit
Excellent most of it is back but with a couple of styling issues. The first is what you gave me this css for this morning but it no longer seems to work:
.fixed_header.social_header #main {
padding-top: 167px;
}
The second is if you look at the header, the phone text is no longer adopting the custom style that was applied to it. This text should also be larger and white in colour:
.social_header .phone-info {font-weight:200;}
Finally the area with the breadcrumb is no longer the correct height. I’d used the following to change the size of the text which made the area bigger but this no longer seems to work:
.title_container .main-title {
margin: 0;
font-size: 26px;
position: relative;
z-index: 2;
min-height: 36px;
line-height: 2.3em;
top: 0;
font-weight: 100;
}
Cheers
Hi!
1) Yes, this might cause problems if you’re just changing the url (domain mapping) without replacing the urls in the database. You can use a plugin like WP MigrateDB or WP MigrateDB PRO to replace all occurences of http://youngwomenpioneers.com/ with http://www.womenspioneernetwork.com/ in your database. Then export ther new database file, make a backup of the old database and drop all tables of the database. Then import the file you generated with the migrate plugin.
2) You can change the font size of the submenu titles with:
#top #header .mega_menu_title a {
font-size: 17px;
}
and the hover color with
#top #header .mega_menu_title a:hover {
color: #333;
}
3) Enfold does not support a Skype button and unfortunately the implementation of such a button is beyond the scope of our support forum. Maybe you can find an useful plugin here: http://wordpress.org/plugins/search.php?q=skype or hire a freelancer who can help you with the implementation.
Best regards,
Peter
hey Yigit – but the matter with it is that he doesn’t have an icon out of this entypo icon set.
He wants to use an unicode font.
This code in quick css works (just simple copy/paste) : http://www.guenterweber.com/lims/versuch/
.image-overlay .image-overlay-inside:before {
content: "✒";
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
font-size: 70px;
line-height: 70px;
}
but i suppose he tried to analyse my bad english instead of trying to insert the code above.
this really encourages the readiness to help .
the other method to create a custom font at fontello and upload it to enfold works too.
You only need a svg of the picture you want place for it.
Than he needs to change this: ‘ov_image’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue869’),
Hi there
We made some changes using custom css to increase the size of the top grey bar (where the social icons are). CSS below. A side effect of this is a semi-transparent area below the navigation covering the slider. I haven’t been able to find a fix for this as scrolling changes the size of the navigation area dynamically. Can you help?
.social_bookmarks {float: right;}
.sub_menu {left: 0 !important; right: auto !important; font-size: 110% !important; margin-top: -6px !important;}
.social_header .phone-info span {padding: 0 !important; margin: 0 !important; color: white;}
#header_meta {min-height: 50px;}
#top .social_bookmarks {height: 50px !important;}
#top .social_bookmarks li {width: 50px !important;}
#top .social_bookmarks li a {font-size: 150%; padding: 9px; color: white; width: 50px; min-height: 50px;}
.social_header .phone-info {font-weight:200;}
Cheers
try this:
#top .social_bookmarks {
height: 50px;
}
#top .social_bookmarks li {
background-color: #ccc !important;
width: 50px;
}
#top .social_bookmarks li a {
font-size: 30px;
line-height: 50px;
min-height: 50px;
text-align: center;
width: 50px;
}
here i choosed font-size 30px – the 50px concerns to it. If you want bigger “images” you have to change these 50px as well.
I disabled it on the code because i don’t think it would fit, you can change it though, modify this part:
div#header_main_alternate {
display: block;
}
div.logo-text {
top: 0;
left: 0;
font-size: 0; /* Remove this */
}
#header_main_alternate .avia-button-wrap {
top: -6px;
left: 0px;
}
#header {
height: 120px; /* Increase this number to increase the header size */
}
Cheers!
Josue
Hey!
Try adding this code to the Quick CSS:
div#header_main_alternate {
z-index: 10;
}
@media only screen and (max-width: 767px) {
div#header_main_alternate {
display: block;
}
div.logo-text {
top: 0;
left: 0;
font-size: 0;
}
#header_main_alternate .avia-button-wrap {
top: -6px;
left: 0px;
}
#header {
height: 120px;
}
}
Cheers!
Josue
Hey Laureninthailand!
It uses “Baskerville” font family. You can add following code to Quick CSS to remove its color, font family and font size
.special_amp {
font-family: inherit;
font-size: inherit;
color: inherit!important;
}
Regards,
Yigit
Hi!
Thank you for the screenshot.
Please try this one:
.avia_textblock > * {
color: red !important;
font-size: 16px !important;
}
Regards,
Ismael
** RESOLVED **
I have spent the whole day trying to center the pricing rows in two tables. I scoured the support forums and tried every solution in every thread I could find. I finally implemented a custom class and got close…
.pfc-sp-table .avia-pricing-row {
text-align:center;
vertical-align: baseline;
color:red !important;
padding-top: 20px;
}
But as you can see the text in the pricing row is still not exactly centered: http://www.premierfloorcare.com/services/service-plans/
I tried everything I could think of and still can’t get it to work right. For some reason I can only manipulate certain styles in the CSS. I can for example change the background color and the text color. I cannot change the font size or the cell padding using this method. I’ve included an admin account if needed.
-
This topic was modified 11 years, 8 months ago by
Frank.
Hey!
Please use following code instead
@media only screen and (max-width: 480px) {
.corso_tit p {
font-size: 25px!important;
width: 80%;
margin-left: 20px;
}
.corso_cap p {
margin-left: -5px;
font-size: 20px;
width: 325px;
}}
@vlcservices please start a new topic here – https://kriesi.at/support/forum/enfold/#new-topic-0
Cheers!
Yigit
Hey welti!
Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
h4.ls-l { font-size: 12px!important; }
h1.ls-l { font-size: 20px!important; }}
Cheers!
Yigit
Hey Yigit,
I did implement this code,
however the solution did not work.
So i tried to update enfold theme using FTP.
This did not make a difference either.
Some how the actual rotation does not function properly, it has before, but i cannot revert back to that stage.
I am wondering if it could do anything with my previous quick custom css?
Here is my following quick edits.
.avia-team-member .team-social{
border: 0px solid rgba(0, 0, 0, 0.1);
width: 200px;
height: 200px;
text-align: center;
margin-top: 0px !important;
margin-bottom: 5px !important;
margin: 0 auto;
}
.team-img-container{
width: 200 px;
}
#top .team-member-name {
text-align: center;
}
#top .team-member-job-title {
text-align: center;
}
.main_menu ul:first-child>li>a {
font-size: 15px;
}
#top .social_bookmarks li a {
width: 40px;
line-height: 32px;
min-height: 32px;
font-size: 30px;
}
#top .social_bookmarks li {
height: 100%;
width: 40px;
}
.phone-info {
font-size: small;
}
.avia-content-slider-active .slide-entry-wrap { visibility: visible; }
Thanks
Hey jenki!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 13px;
margin-top: 15px;
}
.avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
height: 325px;
}}
Cheers!
Yigit
This reply has been marked as private.
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.avia_textblock { color: red; font-size: 16px; }
Cheers!
Yigit
Hey Riggs!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-caption-content {
font-size: 16px;
}
Regards,
Yigit
Hey!
Our support queue has been a bit high over this weekend (when we are normally slower anyway because of the weekend).
The button isn’t scaling because the padding is defining its size in addition to the font. Since you have them explicitly in your css you also need to have the padding and font adjusted in a new media query for whatever breakpoint you want.
See: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
In the custom.css file of the theme files (in the css folder) I added a desktop and tablet+mobile one you can add your css to or use them as a reference/guide.
Best regards,
Devin
and did you use .image-overlay .image-overlay-inside:before
i don’t know wheather it works with unicode fonts i used a custom font made on fontello font generator
try first of all this:
.image-overlay .image-overlay-inside:before {
content: "✒";
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
font-size: 70px;
line-height: 70px;
}
the transform is only to rotate the content. If you don’t like it – get rid of it
you can see an other solution here: https://kriesi.at/support/topic/custom-fontello-icon-set-to-standard-post-pic/
it is i guess in functions.php the line 218
'ov_image' => array( 'font' =>'entypo-fontello', 'icon' => 'ue869'),
concerning to your problem.
if you have a child-theme installed you can do it as described above.
or you can change it by editing the functions.php itself and have in mind after updates it could be loss than.
btw . your mentioned U+2712 is an Fontello Icon or do you think that you can use unicode fonts here ?
-
This reply was modified 11 years, 8 months ago by
Guenni007.
Hey!
Replace code above:
.sidebar h3
{
font-size: 1.1em !important;
}
#footer .widgettitle{
font-size: 1.1em !important;
}
#footer .widget li{
font-size: 1.1em !important;
}
Best regards,
Günter
Hi!
Try this:
#footer h3,
.sidebar h3,
.widget a
{
font-size: 1.1em !important;
}
To Orsted – adjust value:
.page-id-797 .avia-builder-el-13 .avia_textblock {
font-size: 0.9em !important;
}
Cheers!
Günter
Hey!
Try the following:
body{
font-size: 1.1em !important;
}
body actually covers footer and sidebars.
Come back, if it does not work
Best regards,
Günter
This reply has been marked as private.
Hi!
In custom.css or Enfold->Stylies->Quick-CSS field put the following:
body{
font-size: 1.1em;
}
Values > 1 enlarge the fonts.
Best regards,
Günter
Hey!
Try this:
input[type="submit"]{
font-size: 16px !important;
}
Regards,
Günter