-
Search Results
-
In reply to: 2 part custom heading question
Hi stunna42,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
h6 {
font-size: 28px;
text-transform: none;
background: rgba(255, 255, 255, 0.7);
}For the special heading, you could force a margin before it with:
.av-special-heading{
margin-top: 20px !important;
}But there isn’t a setting within the shortcode itself.
Regards,
Devin
Hi,
First of all, I want to thank you for making such an amazing template available. It’s really the best I’ve bought so far.
I have some questions which I hope can be resolved :) My site is http://bookmytable.com.au
1. I’m trying to link a button to an email with some simple html like this : (Email address hidden if logged out) ?Subject=Hello%20again”>Send Mail but the system doesn’t understand it… it puts it after my url like http://mysite.com/ (Email address hidden if logged out) ?Subject=Hello%20again”>Send Mail and of course goes to a 404 page..
I have this issue both on normal buttons and also on “team member” option. It is also doing this when I’m trying to have some text link to an email…. :/
2. Is there a way to increase the size of the FB, twitter, mail icons at the top right of the site?
3 Is there a way to have more fonts available for the body text?
4. When on a mobile, my sidebars disappear which is annoying considering the facts that I want to have ads there :) Can I change that?
5. Is your page builder available as plugin? I would buy it right away!!! It’s so awesome! If not, does all your themes come with it? It would push me to buy more your theme than others…!
Thanks!!
Ben
Hi,
I’m triying to make some changse in the top main navigation menu:
COLCHONES TECNOLOGIA ACCESORIOS MAYOREO
They can be seen in http://acolsa4.vendun.com/
What I want to achieve
– Change the font size
– Center in the page COLCHONES TECNOLOGIA ACCESORIOS MAYOREO but left the search right alignmet.
– Change the space between letters
I haven’t be skilled enough to target these parts with CSS selector using google chrome.
Thanks
Jorge
Hi,
3.) Please try this plugin: http://wordpress.org/plugins/font-uploader/installation/
Regards,
Ismael
In reply to: Setting Navigation Text Color, Setting Font Size
Ismael,
Thank you for the fast reply! Still needing some help here.
I am using “header with social icons and bottom” with “stretched layout” styling.
There are three sections of the header. Here’s what I’m trying to accomplish:
– Set background color of the top navigation bar (background color needs to be full width, the previous code you gave only sets the link background color)
– Set font color for both links and small info text on top navigation bar
– No background color behind the logo
– Set background color for the main navigation bar and drop down menus
– Set font color for main navigation bar (right now it derives two custom dynamic colors, one for the drop down menus, and one for the top level links) I need to change both.
The CSS code on the base level is a nightmare is sort out with this theme. I thought I was good with CSS until I tried making sense of the overly complex code behind this theme.
Appreciate your help.
Topic: Questions about Post Slider
I just added a post slider to one of my pages and I have a few questions I hope you can help with…
1) Is there a way to increase the Title font size? It’s pretty small.
2) Is there a way to disable the pencil/arrow icons and the hover effect?
3) Is there a way to disable the prev/next arrows to the right and left of the slides when the post slider is set to rotate through posts?
4) This one is probably the most important… When the post slider is scrolling through posts, the content below shifts up and down depending on whether the post title is 1, 2 or 3 lines long… Any way to prevent this from happening? Having all the content below the post slider moving up and down is pretty distracting.
I welcome any CSS you can provide that I can add to the Quick CSS section too.
Thanks!
Hi ismael thnx for your answer,
Point 1 solved
point 2 work in process
Point 3. i didn´t understand
Simply by dropping the 2 pieces of code in the custom.css wil solve the issue?
Salvador
Topic: SEO Optimization Question
Ive read that for SEO reasons there should only be 1 H1 tag per page to reduce duplication. I notice the theme uses these tags to change the size of the font. My question is..
How do I change the font size with the code not using the tags?
Hi,
1.) You can add this on your custom.css to remove the strobe effect.
.avia-progress-bar div.progress .bar {
background-image: none;
}2.) It depends on the content you have. Please give us a link to the website. You can control the font size of the content with this:
.iconbox_content p {
font-size: 11px;
}And the iconbox title using this:
h3.iconbox_content_title {
font-size: 11;
}3.) You can refer to this link: https://kriesi.at/support/topic/custom-hosted-font-with-the-child-theme-instructions
Regards,
Ismael
Topic: WP Newbie questions
I am new to wordpress and enfold.
I am currently trying to replicate my site to wordpress with enfold theme.
I just have a few questions to start, any help would be greatly appreciated
1. How do I change H1,h2, etc size and font
2. I would like to create a box around some of the text like this http://tinypic.com/r/douxx2/5 how do I recreate this in enfold?
3. I would like to place a graphic line above the footer like here http://tinypic.com/r/33wbj4l/5 Is this possible?
4. I would like to replace the default social icons found here http://tinypic.com/r/xlcbuu/5 is this possible?
Iam new to WP. i am using enfold child theme. because i don´t want the updates mess up changes i made
3 questions
1. How i can get a solid collor progress bars, without de stroboscopic effect? it is possible?
2. Icon box when i use it theres is like a deffault size for them, wich is ok, but in some cases there are to big for the diagramation /lay out i am using in a page, is there an easy way to meake them smaller?
3. I need to use “novecento” font, that is not included in the theme, how can i use it?
My mother tonge is spanish, sorry for the rough english
thanks
In reply to: Problems with iPad.
Hi,
Please upgrade to Enfold 1.8.2.
You can decrease the padding and the font size when viewing on iPad portrait mode. Add this on your custom.css or Quick CSS
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 7px;
font-size: 11px;
}
}Regards,
Ismael
In reply to: Setting Navigation Text Color, Setting Font Size
Hi,
You can use this codes on your custom.css or Quick CSS:
– Change navigation menu (only below logo) background color
.header_color .main_menu ul {
background: red;
}– Change navigation menu font size
.bottom_nav_header.social_header .main_menu ul:first-child>li a {
font-size: 15px;
}Change navigation menu padding
.main_menu ul:first-child > li > a {
padding: 0 20px;
}Change the values.
Regards,
Ismael
Hi,
I want to increase the H1 heading font size on internal pages. I’ve tried previous support suggestions of quick CSS changes like this:
h1 { font-size: 34px; }and
.template-page .entry-content h1 { font-size: 34px;}But this only affects the H1 on the home page. I want to enlarge the H1 on internal pages – an example page on my site (under construction) is http://welloptimised.com.au/website-optimisation/content-marketing/
Can you please advise how / where I can make that change?
Thanks a lot,
Steve
I’ve been pulling my hair out for hours trying to customize colors that don’t exist in the CSS style sheet (colors made up by the theme).
What I need to accomplish is:
– Change navigation menu (only below logo) background color
– Change navigation menu font size
– Change navigation menu padding
Can you provide some insight on overriding these phantom colors?
The Quick CSS box seems like it could be a useful feature, but it’s almost impossible to figure out without digging into your source code and reverse engineering the theme.
Assistance would be appreciated!
I have an issue with breadcrumbs and superscripting.
Any breadcrumb text that does not have superscripting shows fine, but any breadcrumb text that has superscript (using the <sup>) is shifted down so that the top of the superscript text is in line with the top of the other text.
Here is a pic of what I mean
http://i41.tinypic.com/2popezk.jpg</IMG>
The only thing that I’ve done to superscripts is to add the following code in custom.css:
body#top sup{
vertical-align: super;
font-size: 60%;
}
Any suggestions? Breadcrumbs don’t look great with this issue.
In reply to: How to change font size for the entire theme?
Hi,
Please go to Enfold > General Settings, and the first dropdown allows you to select one of two sizes as well as the non-responsive option.
Thanks,
Nick
In reply to: Add link to icon font short code
I see what you mean now. Yes it does inherit the site wide link color once it becomes a link. So you want need to target it directly in order to change the color or wrap the icon shortcode in a url from the Text tab instead of adding the link directly to the icon. Eg:
<a href="http://google.com">
[av_font_icon color="#606060" icon="65" size="40px" position="left" link="" linktarget="no"]
</a>Regards,
Devin
In reply to: Some help with a new install [formatting]
Finally got 2. to work – including aliasing the google font
fyi adding font-weight: normal; fixes that jagged font issue
/*top menu font & size*/
#top .main_menu .menu li > a {
font-family: “Pathway Gothic One”, sans-serif;
font-size: 20px;
font-weight: normal;
}
/*Top submenu size*/
#top .main_menu .menu li ul a {
width: 100%;
height: auto;
font-size: 16px;
font-weight: normal;
}
Hi, first off I wanted to say this is an amazing theme, and super easy to setup as I’ve never used WordPress up to now, so a huge thanks!
I wanted to ask a quick question though, as the site can currently freeze and crash browsers on iphones when we view it.
It seems to be since we have built in the parallax (ie fixed) background image on a colour space with text overlayed (or it could potentially be the layerslider as well).
What is the best way to turn off these sections on mobile? or better hey is it possible to switch the ‘fixed’ background image to a standard scrolling one on mobile?
The main offending page is the homepage of our site over at http://www.syncinteractive.co.uk
As we’re a mobile specific company, it’s not great if our mobile site crashes ;)
I’ve tried adding the following in from another thread I found to the custom css:
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 1024px) {
/* Add your Mobile Styles here */
.main_menu ul:first-child > li > a {
padding: 0 10px;
font-size: 11px;
}
}
and edited the above (although we need the above in for something else) to point to the layerslider but I’m obviously not doing it right as it refused to hide it when on smaller screens.
Any help you can provide would be very much appreciated!
In reply to: Enfold tablles
Hi,
You are using version 1.6 of the theme while the current version is 1.81 , please update since quite a lot has improved.
—-
I looked at your code. you have links with this js onclick=”window.open(this.href,’livedealer_popup’,’height=500,width=500,scrollbars=yes,menubar=no,resizable=0,status=0,titlebar=0′);return false”
That will look bad on smart phones since height is in there.
—
Ok I will show you here briefly how to target the table and use media queries to resize it. We will take control away from html so your 100% width tag will be ignored, and give it to css. We will be targeting 4 screen sizes (you can add more yourself since this isn’t rocket science exactly): monitor, tablet landscape, table portrait / smartphone landscape, and smartphone portrait. Just add the code below to /css/custom.css … If your pages are pretty much the same format as this one, the code i will give will work for all pages.
.entry-content tr:nth-child(odd) {
background-color: #fbfbfb !important;
}
/*odd*/
.entry-content tr:nth-child(even) {
background-color: #e8ecee !important;
}
/* even*/
.entry-content tr:hover {
background-color: #fffbae !important;
}
/* hovering */
.entry-content table {
display:inline-table;
border:collapse;
width: auto;
}
/*
*/
@media only screen and (min-width:768px) and (max-width:989px) {
.entry-content table {
font-size:.7em;
}
.entry-content table tr td {
font-size:1.2em;
}
.responsive .container {
width:97%;
}
.responsive .container .twelve.units {
width: 99%;
}
}
/*
*/
@media only screen and (max-width:767px) {
.entry-content table {
font-size:.6em;
}
.entry-content table tr td {
font-size:1.1em;
}
.responsive .container {
width:77%;
}
.responsive .container .twelve.units {
width: 79%;
}
}
/*
*/
@media only screen and (max-width:479px) {
.entry-content table {
font-size:.6em;
}
.entry-content table tr td {
font-size:1.1em;
}
.responsive .container {
width:67%;
}
.responsive .container .twelve.units {
width: 69%;
}
}
/*
*/You need to play with the numbers while at different screen sizes to get it just right, but you have enough there to get you started.
But I think on smartphone screen sizes, the only viable thing would be to remove about 1/2 the columns and only leave the 3-4 most relevant ones. That can also be done with css.
Thanks,
NIck
Hi there,
Sorry to dump a load of requests but I wonder if you can help me. I have checked the forum and several solutions dont seem to work for me. The font formatting just will not apply
I am;
1. Trying to get the logo centered above the navigation menu (also centered)
2. Change the font and font size for the navigation menu
3. When inserting a video in the theme builder – how can I set the parameters for it ? ( Im looking at vimeo)
and finally
4. when inserting a gallery – the theme ignores the thumbnail sizing for preview. It only resizes based on the number of columns chosen.. I would like 3 columns with 200x200px but this always is ignored and I get something like 3 columns and 450px (full width)
Thanks so much in advance… loving this theme !
In reply to: Font Icon in Header
Hi,
You can do this.
. I tried using Custom Links and entered this as a label, but i think it will also work on regular labels for menu items: (if you dont see a house icon in code below but gibberish, you need to create a page that uses the icon you want in some other way (icon box for example) then view the source and copy it from there, just make sure you are keeping the classes i am using in css i posted or it will not work. It would be best if you copied the code i pasted here.
In Appearance > Menu paste this code as the Navigation Label
<div class="menu-home avia-font-entypo-fontello">⌂</div>and add this css code to your /css/custom.css or to quick css
.menu-home.avia-font-entypo-fontello {
color: blue;
font-size: 2.4em;
top: -5px;
position: relative;
opacity: 100 !important;
display: block !important;
}and if you want a change of color on hover you can add this block of css
.menu-home.avia-font-entypo-fontello:hover {
color: green;
}Mine turned out like this http://i.imgur.com/4jR3WCk.png
Thanks,
Nick
In reply to: Menu flows under Logo on iPad – How to fix
Hi,
You can decrease the font size and the padding of the menus before they switch to slide or dropdown. Add this on your custom.css or Quick CSS
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child>li>a {
padding: 0 7px;
font-size: 11px;
}
}Regards,
Ismael
Hi Dude,
thank for helping me out. Sorry for editing, but i did not see the respective code at once, but finally here it is. The issue appears in the Team Members section.
[av_one_half first]
[av_heading heading='Juan Roos Schlagzeuglehrer' tag='h3' color='meta-heading' style='' padding='10']
[av_textblock ]
<div>
Als ehemaliger Schüler von Dirk Rosenbaum uns Absolvent des Drummers Collective ist Juan Roos aktiver Live und Studiodrummer. Er arbeitete unter anderem als Musiker in Los Angeles, und unterrichtet seit 2007 bei der Musikzentrale.Zur Zeit ist er Drummer bei “Hanna”, der Soul Coverband Funksoulicious sowie als Workshopdozent tätig.
“Meine musikalische Laufbahn begann im Alter von 12 Jahren. Nach einem unglücklichen Versuch meiner Eltern mir das Orgelspielen näherzubringen, fand ich meine Erfüllung im Schlagzeugspiel. Auslöser hierführ war ein Live-Video der Band Genesis, das mir mein Onkel schenkte. Fasziniert von den riesigen Schlagzeugen die auf der Bühne standen, war es um mich geschehen und fortan gab es nur noch ein Ziel für mich: “Ich will ein Schlagzeug!”
Zum Leidwesen meiner Nachbarn gaben meine Eltern meinem Drängen nach. Mein erstes Schlagzeug fand sein neues zu Hause in meinem Jugendzimmer und fortan spielte ich jeden Tag für mehrere Stunden. Die ersten Rhythmen lernte ich durch kopieren der Bewegungen die ich auf der Genesis Live Videokassette genauestens studierte. Schnell kamen die ersten Erfolgserlebnisse. Zwei Jahre später spielte ich in meiner ersten Band. Ich war das Küken und legte mich mächtig ins Zeug um mit meinen wesentlich älteren Bandkollegen mithalten zu können. Nach einiger Zeit nahm ich dann auch Schlagzeugunterricht bei Dirk Rosenbaum, der maßgeblich für meine spätere Entwicklung als Musiker verantwortlich war.
Viele musikalische Projekte später entschied ich mich für eine Ausbildung am Drummers Collective.Nun sind seit den Anfängen meiner ersten musikalischen Schritte 25 Jahre vergangen und ich unterrichte nun selbst seit einigen Jahren Schlagzeug. Seit einigen Jahren bin ich Berufsmusiker und habe Erfahrungen auf mehreren Kontinenten sammeln können, habe auf den großen und kleinen Bühnen dieser Welt gespielt.”</div>
<div></div>
[/av_textblock]
[av_hr class='short' height='50' shadow='no-shadow' position='center']
[av_button label=' Probestunde bei Juan buchen' link='page,1471' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='52']
[/av_one_half]
[av_one_half]
[av_team_member name='Juan Roos' job='Schlagzeug' src='http://www.musikzentrale.net/wp-content/uploads/2013/04/juan-roos-schlagzeuglehrer-musikschule-musikzentrale.jpg' attachment='' description='Juan unterrichtet Schlagzeug an der Musikzentrale in Gießen, Wettenberg und Wetzlar.']
[av_team_icon title='E Mail an Juan' link='kontakt' link_target='' icon='5']
[av_team_icon title='Juan auf Facebook' link='https://www.facebook.com/juan.roos.7' link_target='_blank' icon='212']
[av_team_icon title='Juans Website' link='http://www.juanroos.com/' link_target='_blank' icon='77']
[av_team_icon title='Juans Videos' link='http://www.youtube.com/user/BeatboxDrumschool' link_target='_blank' icon='146']
[/av_team_member][/av_one_half][av_section color='footer_color' custom_bg='#ffffff' src='https://www.musikzentrale.net/wp-content/uploads/2013/04/schlagzeugunterricht-musikschule-musikzentrale.jpg' position='center center' repeat='stretch' attach='fixed' padding='large' shadow='shadow']
[av_one_third first]
[av_heading heading='Juans Galerie' tag='h3' color='meta-heading' style='blockquote modern-quote' padding='10']
[av_video src='https://www.youtube.com/watch?v=pcsNfb6RCgI' format='4-3' width='16' height='9']
[av_gallery ids='4888,4889,4890,4891' style='big_thumb' preview_size='portfolio' thumb_size='portfolio' columns='4' imagelink='lightbox']
[/av_one_third][av_two_third]
[av_heading heading='Juans Kollegen' tag='h3' color='meta-heading' style='blockquote modern-quote' padding='10']
[av_portfolio categories='30' columns='4' items='-1' contents='title' linking='' sort='no' paginate='no']
[/av_two_third]
[/av_section]
As far as i can see, the links are set properly and should work, but in the frontend those weird stuff appears.
Any ideas?
Thanks, Sebastian
In reply to: Postslider bug
1) Personally I can’t reproduce the issue and the j,g, p, etc. letters display just fine for me. However try to insert following code into the quick css field
.avia-content-slider .slide-entry-title {
font-size: 14px;
line-height: 1.4em;
}and change the font size and/or line height value – this should fix the issue.
2) You can activate the excerpt field with the “Screen Options” in the top right corner of the post/page editor page
In reply to: Slide out menu on ipad not working properly
Hi,
You can adjust the padding and the font-size of the menu on screen widths just before they switch to mobile or slide menu. Use Media Queries on your custom.css or Quick CSS
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child>li>a {
padding: 0 7px;
font-size: 11px;
}
}Regards,
Ismael
My dropdown menu was working correctly (building the site at present) but suddenly it became huge, with a large font size in black instead of gray, and spreads horizontally across the page. (The ubermenu is still working fine – no changes)
In Theme Options – Header: “small fixed header” and “display as a dropdown menu” are selected.
Should I be looking at settings somewhere else?
Thanks
Jenn
