-
Search Results
-
Topic: Blog Posts Layout
Hi, I’d like to rearrange the blog posts layout but cannot figure it out.
I’ve almost got it how I’d like but I just need to make the preview image 200px by 200px. The code I’ve used to get it the way it is so far is –
#top .fullsize .template-blog .blog-meta { margin: 0; }
#top .fullsize .template-blog .post .entry-content-wrapper > * {
margin-left: 100px;
}#top .flex_column .template-blog .post-title {
font-size: 1.3em;
margin-top: -100px;
}.main_color .rounded-container, #top .main_color .pagination a:hover, .main_color .small-preview, .main_color .fallback-post-type-icon {
background: transparent;
color: transparent;
}.main_color, .main_color div, .main_color header, .main_color main, .main_color aside, .main_color footer, .main_color article, .main_color nav, .main_color section, .main_color span, .main_color applet, .main_color object, .main_color iframe, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color p, .main_color blockquote, .main_color pre, .main_color a, .main_color abbr, .main_color acronym, .main_color address, .main_color big, .main_color cite, .main_color code, .main_color del, .main_color dfn, .main_color em, .main_color img, .main_color ins, .main_color kbd, .main_color q, .main_color s, .main_color samp, .main_color small, .main_color strike, .main_color strong, .main_color sub, .main_color sup, .main_color tt, .main_color var, .main_color b, .main_color u, .main_color i, .main_color center, .main_color dl, .main_color dt, .main_color dd, .main_color ol, .main_color ul, .main_color li, .main_color fieldset, .main_color form, .main_color label, .main_color legend, .main_color table, .main_color caption, .main_color tbody, .main_color tfoot, .main_color thead, .main_color tr, .main_color th, .main_color td, .main_color article, .main_color aside, .main_color canvas, .main_color details, .main_color embed, .main_color figure, .main_color fieldset, .main_color figcaption, .main_color footer, .main_color header, .main_color hgroup, .main_color menu, .main_color nav, .main_color output, .main_color ruby, .main_color section, .main_color summary, .main_color time, .main_color mark, .main_color audio, .main_color video, #top .main_color .pullquote_boxed, .responsive #top .main_color .avia-testimonial, .responsive #top.avia-blank #main .main_color.container_wrap:first-child, #top .main_color.fullsize .template-blog .post_delimiter, .main_color .related_posts.av-related-style-full a {
border-color: transparent;
}.text-sep.text-sep-date, .comment-container.minor-meta, .text-sep.text-sep-comment, .blog-categories.minor-meta, .text-sep.text-sep-cat, .blog-author.minor-meta {
display: none;
}Thanks,
MattIs there an easy way to change the title for our blog articles to H2?
I can’t find any way to modify without css.Hi!
Please check http://www.sporthuisolympia.nl/wp
Why isn’t the header image not visible on a Phone? Also the menu-icon is not correct visible.Is it also possible to increase the size of the fonts in the six blocks on the homepage? Because of the size of the fonts, the text falls out of the block.
Thanks for your answer!
Martine
Topic: Accordion customization
Hi Enfold Team,
I have created a custom class for 1 of my accordion (named “SB-Accord-3Actions”) and have added the following code to Quick CSS:
.SB-Accord-3Actions .toggler { background-color:#ffffff; color: #24c1b7; font-size: 1.2em; }
.SB-Accord-3Actions .toggler:hover { background-color: #53dfd5; color: #ffffff; }
.SB-Accord-3Actions .toggler.activeTitle { background-color: #53dfd5; color: #ffffff; }
.SB-Accord-3Actions .toggler.activeTitle:hover { background-color: #53dfd5; color: #eafbfa }
.SB-Accord-3Actions .toggle_content { background: white; }All this above works well but there are 3 titles in my accordion and I would like to customize a little bit more each toggler by giving a different font color to each of them 3 (only title).
I thought I could access each of them by the following:#toggle-id-1 .SB-Accord-3Actions .toggler { color: …}
#toggle-id-2 .SB-Accord-3Actions .toggler { color: …}
#toggle-id-3 .SB-Accord-3Actions .toggler { color: …}But this doen not work…
Any idea on how I can get access to each toggle ID specifically?Thanks in advance for your help!
Steph.Topic: Font Size Overlaps Logo
Please I’m having trouble with my header. I want to do something like this website http://www.manrollo.com they are also using enfold.
After inserting several CSS codes that I run trough here on the forums.
.header_color .main_menu ul:first-child > li > a { color: gray; font-weight: 100; font-family: ‘PT Sans’; }
.header_color .main_menu ul:first-child > li > a:hover { color: gray; }
.header_color .main_menu ul:first-child > li.current_page_item > a { color: gray; }
.layerslider-open-sans {
font-family: ‘Open Sans’ !important;
}
#header .avia_mega_div { center: -500%; }
}
.sub_menu>ul>li>a, .sub_menu>div>ul>li>a {
font-size: 40px;
}
.main_menu {
center: 300px;
}
#header_main {
background: #ebebeb;
background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ebebeb 0%,#ffffff 100%);
background: -o-linear-gradient(top, #ebebeb 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #ebebeb 0%,#ffffff 100%);
background: linear-gradient(to bottom, #ebebeb 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#ebebeb’, endColorstr=’#ffffff’,GradientType=0 );
}
@media only screen and (max-width: 1350px) {
.av-main-nav > li > a {
padding: 0 8px;
font-size: 16px;
}My page is now like this http://www.mancruiser.com.br/wordpress
The problem is that when I shrink the screen the Main Menu runs over the logo and I would like it to disappear before it runs trough the logo but without having to use a small menu bar I want it with 21px.
Please help.
While the site goes in the mobile mode or is diplayed in a narrow window the font size set for caption title and caption text in fullscreen slider are reset. I would like to keep it like the firs line of the text was samller than the second so I have set the caption title font size smaller than the caption text size. I works while the site is displayed in wide window. In mobile mode, however the font size resets.
Is there a way to keep the text size proportion ?
Or, alternatively, is there a way to change the order of elements, just like in “special heading” settings?


Thanks in advance for the assistance.
Hi
How can I change the font colour of the data fields in Contact Form? There are only 3 options in colours and I would like to set a custom one. Also, is it possible to reduce the size of the input boxes and / or space between them?
Thanks
colin
Topic: Change font in element
Hi,
I want to change the headline font in the Car hire element on http://www.airlinestaffrates.com (in the middle of the website)
The text: Search Car Hire” to have the same size and font as the headlines elements but it can remain black.
What code shall I add?
Thanks
CharlotteTopic: Styling masonry
Hello there,
I would like to know how to customize the style applied to Masonry images and titles. Namely:a) The images being shown are cropped or hidden by the title bar. Is there any way to change proportions/resize them to allow viewing 100% of the original photo?
b) How can I reduce the padding of the title being shown below each image?
c) How can I change the font size and line height of the text being shown on mouseover?Thanks for your help!
Topic: Button font size
Hello there,
Is there a way to increase the form (send) buttons’ font size via Custom CSS?
Also is there a way to only change the form’s (send) buttons colour?Thanks!
JD
