Hi Eliott,

I use the enfold theme, pretty much out of the box.
Nothing in quick-css, I’ve put everything in the style.css in my child theme instead to have it all gathered in one place!

My style.css looks like this at the moment.. I’m aware it could be more structured but that will be done when all coding is finished.

*/ ÄNDRA TREDJEMENYN */
#top .av-main-nav ul ul {
  	left: 207px !important;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
    border-left: 1px solid rgba(0, 0, 0, 0.8)!important;
    border-top: 1px solid rgba(0, 0, 0, 0.9)!important;
}

*/ MODIFIERA FONTER */
#top #wrap_all .main_color h3 {
    margin-bottom: 3px !important;
    margin-top: 25px !important;
}

p { margin-top: 0px !important; }

.active_tc.toggle_wrap {line-height:1.3em !important }

.toggle_icon {
  width:15px !important;
  height:15px !important;
  top:15px !important; 
  }

*/ Dela Blogginlägg */
.avia-related-tooltip {
  width:200px !important;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
}

*/ BLOGG-LAYOUT */
.widgettitle { font-weight:400 !important }
.template-blog .post_delimiter { border-bottom: 1px dotted #E1E1E1 !important }

#top .av-main-nav ul a {
  text-transform:uppercase !important;
  line-height:2em !important; 
}

#top #header .av-main-nav > li > a {
  font-size: 14.1px !important;
  font-weight:normal !important;
  }

#top #header .av-main-nav > li > a:hover {
  font-size: 14.1px !important;
  font-weight:normal !important;
  color:#00A9E0 !important;
  }

#top .av-subnav-menu  { 
  color: #222222 !important; 
  font-size:14.1px !important;
  font-weight:normal !important;
  line-height: 2em !important;
  text-transform: uppercase !important;
}
  
.av-main-nav > li > ul {
 box-shadow:0px 1px 1px 1px rgba(0, 0, 0, 0.5);
 }

#top .av-submenu-container { z-index: 99!important; }
.main_menu {text-transform:uppercase;}

.flex_column .widget .widgettitle, .content .widget .widgettitle {
  margin-top: 0.85em;
	padding-bottom: 8px !important;
  margin-bottom: 18px !important;
  	border-bottom: 1px solid rgba(255,255,255,0.6);
  }

.footer_color div { line-height: 1.4 }
  
#top .news-content { padding:0px 3px 10px 0px !important }

.main_color td,
.main_color tr, 
.main_color th,
.main_color td{
  border:none !important;
  font-size:15.1px;
  margin: 0px;
	padding: 0px 0px 4px;
  }

.avia_textblock {
    font-weight: 300 !important;
    line-height: 1.5em !important;
    font-size: 15.1px !important;
  }

p {
  font-weight:300;
  line-height: 1.5em (26.4px);
  vertical-align: baseline;
  letter-spacing: normal;
  word-spacing: 0px;
  }

*/ MOBILMENY- STYLING */
#mobile-advanced li > a::before, 
.html_header_mobile_behavior #mobile-advanced span > a::before, 
#mobile-advanced .mega_menu_title::before {
    content:"";}

.av-special-heading .av-special-heading-tag {
  font-size:30px;
  padding-bottom:30px !important;
  }
    
#header_main, #header {
border-bottom-color: #FFFFFF !important;
z-index:9999 !important;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.6) !important;
 }

.avia-layerslider {
    border-top-style: solid;
    border-top-width: 1px;
    overflow: hidden;
    z-index: 999 !important;
    box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.8) !important;
  }

@media only screen and (max-width: 768px) 
{ .logo a { overflow:visible!important; }}

/* BLOGGPOSTRUBRIK */
#top .fullsize .template-blog .post-title{
text-align: left !important;
max-width: 100%;
}

.toggle_icon {
border: 0px !important
}

/* DÖLJ ÖVERLAY*/
.image-overlay {
 visibility: hidden; 
}

/* ------- ACCORDION BÖRJAR ------- */
/* MENYNS LAYOUT */
.main_color .toggler {
background: #c4e1f2 !important;
color: #404040 !important;
border: none !important;
}

/* VID HOOVRING AV MENY */
.main_color .toggler:hover { 
background: #ebf1f4 !important;
color: #404040 !important;
border-color: #EFEFEF !important; 
border: px;
 }

/* INNEHÅLLET - CONTENT */
.main_color .toggle_content {
background-color: #FFFFFF !important;
border-color: #EFEFEF !important;
}

/* BLOGG-POST-BREDD */
#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }

@media only screen and (min-width: 768px) {
div.comment-entry.post-entry {
    width: 80%;
    margin: 0 auto;
}}

/* TA BORT BLOGG-IKONEN */
.single .blog-meta { display: none!important; }
.rounded-container .iconfont, .small-preview .iconfont { display: none; }
.template-blog .blog-meta, .multi-big .post_author_timeline, .single-small .post_author_timeline { display: none; }

/* Horisontell kantlinje på expandera-ikonen */
.toggle_icon, .toggle_icon .hor_icon { 
border-color: #9B9B9B !important; }

/* Vertikal kantlinje på expandera-ikonen */
.toggle_icon .vert_icon { 
border-color: #9B9B9B !important; }

/* Phone info */
.phone-info a { color: #039ed2 !important; }
.phone-info a:hover { color: #039ed2 !important; }

#footer .widget a { color: #FFF !important; }
#footer .widget hover { color: #039ed2 !important; }

/* Förändra miljön för submenyn */

#header .avia_mega_div .units {
border-right-style:none; 
}

#top #header .mega_menu_title a {
font-size:15px;
text-transform:uppercase;
margin-bottom:
}

#top #header .avia_mega_div > .sub-menu {
background-color:#FFF;
text-transform:uppercase;
}

#top #header .avia_mega_div > .sub-menu a:hover { background-color:#FFF; }
#top #header .avia_mega_div > .sub-menu > li > ul { margin-left:10px; }
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0; }

/* Förändra mobilmenyn */
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
background-color:#FFF;
border-color:#F5F5F5;
}

#mobile-advanced li > a:hover, .html_header_mobile_behavior #mobile-advanced span:hover, .html_header_mobile_behavior #mobile-advanced span:hover a {
background-color:#00A9E0
}

#advanced_menu_toggle:hover, .avia_desktop #advanced_menu_hide:hover {
background-color:#00A9E0;
border-color:#00A9E0;
color:#FFF;
}

#advanced_menu_toggle, #advanced_menu_hide { border:none }
#mobile-advanced > li:first-child > a:first-child { border:none }

.avia_desktop #advanced_menu_toggle:hover, .avia_desktop #advanced_menu_hide:hover { 
background-color:#00A9E0;
border-color:#00A9E0; }

#mobile-advanced { 
padding:64px 0px;
top:63px;
}

#advanced_menu_hide {
top:99px;
right: 30px;
}

/* Ta bort border på social widget */
#top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li {border:none; }

/* Webshopsikon */
#top #wrap_all .av-social-link-Webshop:hover a{color:#fff; background-color:#00A9E0; }

.responsive #header_meta .social_bookmarks li { border-width:0px; }
.responsive #top #header_meta .social_bookmarks li:last-child {border-width:0px; }

.header_bg { opacity:1; }

#header .twelve.units { 
width: 800px !important;
box-shadow:0px 1px 3px 0px #333; 
}

.header-scrolled .logo img {
padding-top: 3px;
padding-bottom: 3px;
}
.logo img {
padding-top: 3px;
padding-bottom: 3px;
}

.main_color .special-heading-inner-border { border:none }
body .av-special-heading .av-special-heading-tag { font-weight:300 }

#top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select 
{
	padding:10px 10px;
	box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);
	background:#FFFFFF;
	border:#EEE 1px solid;
	color:#999;
	font-size:13px;
  	width:100%;
  	margin-right: 20px;
  }
  
#top input[type="text"], 
#top input[type="email"],
#top input[type="password"],
#top input[type="tel"],
textarea {
	padding:10px 10px;
	box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);
	background:#FFFFFF;
	border:#EEE 1px solid;
	color:#999;
	font-size:13px;
  	width:100%;
  	margin-right: 20px;
}

@media only screen and (max-width: 767px) {
	.responsive #top #header {
         position: fixed !important; }
}

@media only screen and (max-width: 768px) {
.logo, .logo a, .logo img { max-height: 70px!important; }}

@media only screen and (max-width: 767px) {
	.responsive #top #main { margin-top:135px }
}

.menu li > a:after,
. {
    color: #000;
    content: ' ▾';
}

.menu li > a:only-child:after {
    content: '';
}

#mobile-advanced ul a, #mobile-advanced .mega_menu_title {
text-transform:uppercase;
color:#5bc2e7; 
}

#mobile-advanced li > a::before, 
.html_header_mobile_behavior 
#mobile-advanced span > a::before, 
#mobile-advanced .mega_menu_title::before { content:none;}

*/ LAYERSLIDER SHADOW */
.avia-layerslider {
  box-shadow: 5px 8px 5px rgba(0, 0, 0, 0.3) !important;
  position: relative !important;
  z-index: 9999 !important;
}

.main_color strong { color:inherit !important }

• This reply was modified 10 years, 5 months ago by Sunique.

ok i saw the option to remove the black border

hmm.. another question
How to increase the font size in mobile only ?

thanks

Thanks Ismael. Sorry It is still affecting all pages. This is my custom CSS.

/* stop force upper case */
body * {
 text-transform: none !important;
}
/* space header on voucher page */
.html_header_top.html_header_sticky #main {
    padding-top: 88px!important;
} 
.html_header_top.html_header_sticky .page-id-1052 #main {
    padding-top: 88px !important;
}
/* text shadow */
.av-special-heading {text-shadow: 2px 2px 2px #000000 !important;}
.av_header_glassy.av_header_transparency #header_main {
    background-color: rgba(0, 0, 0, 0.4);
}
.av-subheading.av_custom_color {
opacity: 1;
}
h2 {text-shadow: 0px 0px 0px #000000 !important;}

/* transparency */
@media only screen and (max-width: 767px) {
.av_header_glassy.av_header_transparency #header_main {
    background-color: #ffffff;
}}

/* header text position */
.av-special-heading.av-special-heading-h1.custom-color-heading.blockquote.modern-quote.avia-builder-el-1.avia-builder-el-no-sibling.av-thin-font.av-inherit-size {
margin-top: 52px;
}

• This reply was modified 10 years, 5 months ago by fanlokbun.

Hi @Rikard,

Yeah had to change it all with CSS now. :-)

How can I do in the CSS like if standard text is bold use this css settings insted, and if standad text is kursiv use this css settings insted?

Have done this now for standard text.

body, p {
    font-family: 'GoudyOldStyleBT-Roman', sans-serif !important;
    font-size: 18px;
}

* Please also note that if you change the Blog Styling to the new Elegant option it REALLY messes up the Post Slider. It changes the Font Sizes and colour – completely messed up my home page.

Hi Elliot,
The comp of what I am trying to do can be seen at the link I posted at the top of the thread and have posted below. The code I put in the opacity box to this is as follows:
<table width=”100%” border=”0″ cellpadding=”6″>
<tr>
<td>FRIDAY SEPTEMBER 11, 2015<br />
10:30PM</td>
<td align=”center”><p style=”font-size: 24px”>Paladino’s Night Club</p></td>
<td>Share </td>
</tr>
</table>
You can see the two image call outs referenced that are for the “Share” icon and the “Buy Ticket Icon”
I have changed the CSS for the opacity box to make it taller so you can see what the images are doing on the actual page. So it just seems that space is being added in the third column that is not allowing the images to stay in line.

We have fixed it ourselves. If you are interested the code now looks like this:

/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.main_menu { right: auto !important; left: 310px !important; }
.main_menu > div > ul > li > a > .avia-menu-text {
color: #f8f8f8;
font-weight: normal;
font-size: 16px;
text-shadow: 0 2px 2px #000000;
}

#menu-item-755 .menu-item {position: static;}
.avia_mega_div {display: block !important; opacity: 1 !important;}

#menu-item-755 .avia_mega_div {
    left: -300px !important;
    right: auto !important;
}

#header .mega_menu_title {
font-weight: normal;
color: #f9f9f9;
font-size: 18px; !important;
}

.main_menu .sub-menu > li > a > .avia-menu-text {
font-weight: normal;
color: #d0d0d0;
font-size: 14px; !important;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 989px) {
    #menu-item-755 .avia_mega_div  {
        right: auto !important;
        left: 0 !important;
    }
}

Hi, we have checked on Apple Ipads, Iphones and Samsung devices and the Portrait version of sub menu (mega menu) for “Motocikli” does not work properly (is not even seen) anywhere, only the landscape is. I have also run it through browserstack several times through live interactive testing and it seems to have the same problem and all devices. “Oprema” works fine because it is an ordinary submenu, but the “Motocikli” submenu is actually a mega menu and you can’t even see the sub menu items, because they are to far on the right (out fo the visual field for mobile) If you put the device in landscape you can see them.

I am pasting again the code I have in custom.css which has worked before, but now it does not again:

/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.main_menu { right: auto !important; left: 310px !important; }
.main_menu > div > ul > li > a > .avia-menu-text {
color: #f8f8f8;
font-weight: normal;
font-size: 16px;
text-shadow: 0 2px 2px #000000;
    
     !important; 
}

#menu-item-755 > .avia_mega_div {
    right: -850px !important;
}

#header .mega_menu_title {
font-weight: normal;
color: #f9f9f9;
font-size: 18px; !important;
}

.main_menu .sub-menu > li > a > .avia-menu-text {
font-weight: normal;
color: #d0d0d0;
font-size: 14px; !important;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#menu-item-755 > .avia_mega_div {
    right: 0px !important;
}
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 480px) and (max-width: 767px) {
#menu-item-755 > .avia_mega_div {
    right: 0px !important;
}
}

/*
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 (min-width: 480px) and (max-width: 767px) {
#menu-item-755 > .avia_mega_div {
    right: 0px !important;
}
}

• This reply was modified 10 years, 5 months ago by votan.

Hi Josue,

I don’t know if I should reopen this ticket or just place a reply.
I am puzzling all morning to get it right and it seems I fail.

What I would like to achieve:
– remove the logo (regardless whether there is a logo uploaded in the theme options or not) on both pc and mobile phone
– display the site identity
where site title with: – font:mistral; font-size:25px; font-color:white
and tagline with – font:arial; font-size:15px; font-color:red

Below is a copy of the quick CSS in the theme options. As you can see I add first the code you gave me to remove the logo
This code does not only remove the logo, but also the site identity as site title and tagline.
The code between /* =================================================== */
is code where I have been experimenting with code to be able to display the site identity

below the second /* =================================================== */
is where the rest of the code (including description and source) goes

Everything below the second /* =================================================== */ I find irrelevant but I kept it in this post in case I am wrong and it does effects the behaviour of the logo and site identity afterall.

Can you please help me?
Best regards,

Bart

/* begin quick css */

/*
verwijderd het logo en site identity
removes both site logo and site identidy
https://kriesi.at/support/topic/remove-enfold-logo-from-header/
*/
.logo {
visibility: hidden !important;
}

/* =================================================== */
.logo a {
line-height: 40px;
top: 20px;
font-size: 20px;
}

span.subtext {
color: grey;
font-size: 25px;
}

span.tagline {
position: absolute;
color: red;
}
/* =====================================================*/

/*
maakt de achtergrond van de menubalk blauw
makes the background color of the menu bar turn blue
no link available from forum
*/
.header_color .header_bg {
background-size: cover;
}
#header_main_alternate, .bottom_nav_header.social_header .main_menu ul:first-child {
background: #3b5998;
}

/*
verwijderd de rand om plaatjes heen
removes the border from pictures containing a hyperlink
https://kriesi.at/support/topic/how-to-remove-the-image-borders/
*/
a img, a:hover img{
border: none !important;
background: transparent !important
}

.entry img{
border: none !important;
background: transparent !important
}

/*
verwijderd de pijl over een plaatje met een link
removes the overlay on a picture with link
https://kriesi.at/support/topic/how-to-disable-hover-onmouseover-on-images/
*/
.image-overlay {
display: none !important;
}

Hi Rikard,

Thank you for your prompt reply. Excellent customer service as always!

Yes, it is the link title meta tag within the button that I am having a problem with for SEO purposes.

A sample page where buttons are used:
http://www.lammoresalestraining.com/ (there are three buttons used in the index page but they are used elsewhere throughout the website).

I’ve previously tried to hard code the link title into the button however if I do that the hard coded link title is there, but it doesn’t render/appear in the page source code so it isn’t being picked up by search engines.

Example of hard coded link title in a button:
[av_button label='In-House Sales Training' link='page,161' title='In-House Sales Training' link_target='' size='small' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']

Example of the original button code without the hard coded link title:
[av_button label='In-House Sales Training' link='page,161' link_target='' size='small' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']

Your help with this would be really appreciated Rikard as it is impacting SEO.

Thanks again in advance,
Johnny