Forum Replies Created
-
Posts
-
hi thestrorywebsites;
the background image of your color section isn’t big enough (1921x670px)
Either you use a bigger image (1921x791px)
or use the option “stretch to fit” in the color section.Hi dalboslampen ;
by adding these lines into your custom style file you can achivee to show all of your menu an sub-menu (to push them (!) left).
But be carreful it depends on :
1- the lenght of the text in your sub-menu,
2- the attributes of your Mobil-Menu (see the image – Mobil Menu) :
/*TO PUSH THE MAIN NAVIGATION TO THE LEFT/* .main_menu{ right: 60px !important;} /*TO SHORTEN THE WIDTH OF THE SUB MENU*/ .av-main-nav ul {width: 190px !important;}Hi @brogilberto ;
you can choose “transparency” or not “transparency” option while creating your page in the “Layout” section (on the right side).Hi charlotteraboff;
I’m not sure but this would help you :
.html_header_top.html_header_sticky.html_large #main{padding-top: 86px !important;}Hi cecilepinuea ;
just incase I share how I do insert my image into a color section, color section :hi inaudit ;
1 – to reduce the gap under the fullwidth submenu :
.content, .sidebar{padding-top:50px !imortant;}
*** but it will effect all over the site.2 – to remove the lines of the menu in the widget (left sidebar) ;
#top .content .flex_column .widget_nav_menu li { border: none !important;}3 – I’ve no idea yet, it’s too late for me, sorry.
hi strumpumpei ;
have you tried with
#top #header .main_menu avia-menu .current-menu-item{
color: #F1C254 !important;
}Hi rafke;
try to add this into you custom css ;
#header .avia-custom-sidebar-widget-area .widget{ border: none !important;}Hi wnov,
following the first codes that I’ve given above here codes to change the position of that block ;
left aligne :/*****change position left*****/
.avia-caption{left: 0 !important;top: 5px !important;}
.avia-caption .avia-caption-title
{
background: #000;
filter: alpha(opacity = 80);
background: rgba(0, 0, 0, 0.5);
display:inline-block;
margin:0 0 1px 0;
/*****change padding*****/
padding:10px !important;
/***** I’ve just added following ones *****/
font-style: italic !important;font-family: Lato;
}Hi wnov,
to hide on mobil ;/* 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: 767px) { ..avia-caption{display: none !important;} }smaler font size ;
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: 767px) { .avia-caption .avia-caption-title { background: #222; filter: alpha(opacity = 80); background: rgba(0, 0, 0, 0.5); display:inline-block; margin:0 0 1px 0; padding:10px 15px; /***** I've just added following ones *****/ font-style: italic !important;font-family: Lato; /****smaler font size*****/ font-size: 12px;} }Hi fridu83 ;
the image size is 845*321px but I think you’ve given a larger (than 1310px) width size of the site ;
therefore I would advice :
– use a larger image (1043*321px) acording to adjust a just larger of your page,
– change the width of your site.Hi wnow;
if I’m not mistaken you can achive what you want by using these following css codes :
I give you just as an example, adjust theme as you like..avia-caption{left: 97px !important;top: 5px !important;} .avia-caption .avia-caption-title { background: #000; filter: alpha(opacity = 80); background: rgba(0, 0, 0, 0.5); display:inline-block; margin:0 0 1px 0; padding:10px 15px; /***** I've just added following ones *****/ font-style: italic !important;font-family: Lato; }Hi wnow,
try to add these lines in to your custom style :button.mfp-close, button.mfp-arrow { display: none !important; } .mfp-bottom-bar { display: none !important; }Hi drimendo ;
the words in your title are seperated by non-breaking space.
see “non-breaking space”Hi fixedopsinsight ;
You can find it in ;
Dashboard > Theme settings > Blog > Blog meta elements
see the imageHi Cweidler ;
here you can find “how to creat a mega menu” and further informations :
http://kriesi.at/documentation/enfold/videos/Hi pkonstan and the Team,
sorry to jump in?
The images of the both sites are not the same size (the width).As Enfold push the images to the size of the screen “Stretch to fit screen” the smaller images are pushed to get bigger (as is in http://kdmstaging.com/kinder1/),
but those ones which are bigger (https://www.kdmconsultants.com/) would be pushed to be bigger in a (much) bigger size of scrren.See the image http://i.imgur.com/75CMldv.png
Hi mike1270 and the Team,
sorry to jump in,
I think what mike1270 is looking to achive (if i do not misunderstood !) can be done with Enfold too.
See thhe topic about “background image of a Color Section” https://kriesi.at/support/topic/full-background-image-possible-like-this/#post-404160Hi senso ;
in order to have the time text on “normal case” (April 21, 2014) instead of (APRIL 21, 2014)
add this line into your child theme style.css file :.av-magazine-time {text-transform: none !important;}And the fourth one; for a restaurant in Paris, based on “Enfold Classic Restaurant Demo” : http://restaurantfaubourg.fr
Hi Bikul ;
Color from “Transparency option” is for the color of the “transparent header”,
Color from “General style > Logo area” is for the color of the “shrinking header”.See the image
Hi sjasen ;
You can try this ;.caption_framed .slideshow_caption .avia-caption-title { padding: 20px 25px !important;}Hi keifgeorge ;
Use “Color Section” from “Layout Elements”,
And add a “Special Heading” from “Content Elements”
here is in image :
Hi rdswestnet;
I think it happens because of “padding” and “font size”.
try to add theses lines into your custom css file or the quick CSS area :/* Mobile Styles ================================================== */ @media only screen and (max-width: 990px) { .av-image-caption-overlay-center{ padding: 0px 0.5em; font-size: 24px; } }Hi wiwaldi79;
Have you seen this page :
http://www.w3schools.com/cssref/pr_text_word-spacing.aspHi wiwaldi79;
you can find the answer here :
http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/
https://kriesi.at/support/topic/one-page-menu-anchors/Hi keifgeorge ;
Use “Avia Layout Builder”
1 – Insert a “Fullscreen Slider” (from “Media Elements”) and check “Display a scroll down arrow”,
2 – Add a “Grid Row” from “Layout Elements”,
Insert/adjust the number and size of the “Cell” (Attention to “Padding”),
3 – Insert your image(s) (from “Media Elements”) into each of the cells,
3-a-b – Choose “Image Hover effect”,
3-c –and “Link Settings”,
Here an image of the steps :
Hi romero2 ;
here is the answer :
https://kriesi.at/support/topic/copyright-7/#post-233103
