-
Search Results
-
Why can’t I get my horizontal ruler to show up??
Here is the page html:
[av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'][/av_one_fifth][av_three_fifth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px,0px,0px,0px' border='1px' border_color='#726286' radius='0px,0px,0px,0px' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat']
[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='100%' custom_border_color='#726286' custom_margin_top='' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='#726286' icon='ue8bf' font='entypo-fontello']
[av_textblock size='16' font_color='' color='']
<p>
<p style=”text-align: center;”>[bibleverseoftheday]</p>
<p></p>
[/av_textblock][/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'][/av_one_fifth]
Here is the css that I have added to the default template:
/*
Theme Name: Enfold Child
Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*/h1, h2, h3, h4, h5, h6 {
margin-bottom: 15px;
letter-spacing: 0.02em;
word-wrap: break-word;
}/*Add your own styles here:*/
#top #header .av-main-nav > li > a {
font-weight: 500;
text-transform: uppercase;
}.phone-info {
word-spacing:10px;
}.slideshow_caption {
width: 62%;
padding: 25px;
}h1 {
letter-spacing: -.1px;
}h2 {
letter-spacing: -.2px;
}h3 {
letter-spacing: -.15px;
}h4 {
letter-spacing: -.05px;
}
#top #wrap_all .header_color h3, #top #wrap_all .main_color h3, #top #wrap_all .alternate_color h3, #top #wrap_all .footer_color h3, #top #wrap_all .socket_color h3 {
font-family: “Roboto”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
}.avia-slideshow {
height: 500px !important;
}.side-container-comment-inner {
display: none !important;
}.slide-meta {
display: none !important; }.comment_meta_container {
clear: both;
float: none;
display: none !important;
}.av-share-box .av-share-link-description {
margin-bottom: 20px;
text-align: center;
}.av-share-box ul li a {
display: block;
padding: 25px 0px;
text-decoration: none;
font-size: 1.5em;
transition: all 0.2s ease-in-out 0s;
}#top .price, #top .price span, #top del, #top ins {
color:#666666;
}#top #header_meta a, #top #header_meta li, #top #header_meta .phone-info {
font-family: “Roboto”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-size: .9em;
}#top .cart_dropdown { display: none; }
/*
remove shopping and cart functions
*/ul.cart_dropdown { display: none !important; }
.template-shop div.product div.summary {
padding-left: 20px;
}div.product .woocommerce-tabs ul.tabs {
display: none;
}div.main_color .avia_cart_buttons {
display: none;
}#top .title_container .container {
display: none;
}#avia-menu .avia-menu-text .sub-menu {
font-family: “Roboto”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-size: 1 em !important;
font-weight: 500;
text-transform: uppercase;
}.sub-menu li a {
font-family: “Roboto”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-size: 1 em !important;
font-weight: 500;
text-transform: uppercase;
}.responsive .av-image-hotspot {
height: 50px;
width: 50px;
line-height: 50px;
}.main_color blockquote {
font-family: “Georgia”, “Times”, serif;
font-style: italic;
font-size: 1.3em;
color: #726286;
border-color: #726286;}
.content .entry-content-wrapper {
padding-top: 25px;
}template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
text-transform: uppercase;
letter-spacing: -1px;
font-weight: 100;
font-size: 3em;
color: #726286;
}#top .avia-table td, #top .avia-table tr, #top .avia-table th, #top .avia-table tr th:first-child, #top .avia-table tr td:first-child {
border-color: #726286;
}#top .avia-table td, #top .avia-table tr, #top .avia-table th, #top .avia-table tr th:first-child, #top .avia-table tr td:first-child {
border-left: none !important;
border-right: none !important;}
.et_bloom .et_bloom_inline_form {
clear: both;
margin: 0px 0px;
display: inline-block;
}#top .inner_product_header {
text-align: center;
text-transform: none;
}.big-preview.single-big a {
pointer-events: none;
}#top .thumbnail_container img {
padding:30px;
}#top.single-post #main > div.container_wrap:nth-child(2) .av_textblock_section {
text-align: center;
}.template-blog .post_delimiter {
border-bottom: 2px dotted #726286;
}.hr-inner {
border-color: #EEE !important;
}.hr-custom {
margin: 0px;
display: block;
min-height: 21px;
height: auto;
overflow: hidden;
white-space: nowrap;
width: 100%;
float: left;
text-align: center;
}shopgladtidings.org/insider
then go to
http://shopgladtidings.org/uncategorized/bible-verse/
any suggestions?? I’m a newbie and really stuck!!Topic: Styling blog grid pagination
Hi,
I am styling the pagination for blog grid (see private link below) with:
#top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a { float: left; height: 35px; width: 35px; line-height: 35px; text-align: center; font-weight: bold; font-size: 16px; padding: 0; border-radius: 100px; margin-right: 3px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); background: red; color: #ffffff;] }The link below shows page two of the current posts.
How can I get only the current page number to have a red background, with the other pages having a black background please? Right now all page numbers have a red background as the link shows.
kindest regards,
PPCHound
Hi,
I have two questions:1. I want to change background color of “Warenkorb anzeigen” Button and the darker green button included “Warenkorb anzeigen” from green to red
2. How can i change type size and color of font of the sidebar?How can i realize that? thanks and best regards
Topic: Font Size of Menu
Dear Support Team,
I could not find the settings of the main menu font size in the enfold settings. Can you please show me where I could change the font size of the main menu?Thanks,
AlfredTopic: Justify Headermenu
Hi,
I want to justify the header menu. What code can i use for this?
I tried the following code but no luck. I use the Logo center/menu center option..main_menu ul:first-child > li > a { text-transform: uppercase; font-size:20px;text-align: justify; text-justify: inter-word;}THX Freek
Topic: General line-height
Hi there,
this might sound stupid but there is a simple way to change the default font-size in the themes options but not for the line-height. And if I add
body {line-height:26px!important;}to my child theme it has NO effect.
Any ideas???
Cheers
MichaelHi, I am trying to create a layout where the ‘Header Phone Number/Extra Info’ is centred horizontally between the logo and the social media icons. Is there a way of achieving this?
e.g. arranged like this:
Logo graphic – ‘Header Phone Number/Extra Info text’ – Social media icons
See my link attached below.
(I already have a few lines of Quick CSS which adjust font style and size of this area).
Are you able to help?Topic: Responsive issues with text
Hi there,
My newly launched site is experiencing issues with the text acting very strangely when viewed on mobile http://pepperjar.uk/.
Responsive is turned on.
This site is using a child theme.
I’ve disabled all plugins and that doesn’t seem to be what’s causing the problem.
Specifically, the text all ends up getting stacked into a super skinny column down the middle of the page or slightly right aligned instead of spreading out on the page properly.
when building the site I noticed that any CSS for the H1,H2, H3 text would only get picked up if in the quick CSS editor, and other stuff was OK in the child theme style.css file – not sure if this has anything to do with it?
Here is the CSS code inside the quick CSS editor ————————-
h1 {
font-family: georgia!important;
font-size: 50px!important;
font-weight: 200!important;
color: #9c9c9c!important;
text-transform: none!important;}
h2 {
font-family: proxima-nova!important;
text-transform: none!important;
font-size: 24px!important;
text-transform: none!important;}
h3 {
font-family: proxima-nova!important;
font-size: 20px!important;
font-weight: 200!important;}
h4 {
font-family: georgia!important;
font-style: italic;
font-weight: 200;
}span.avia-menu-text {
text-transform: uppercase!important ;}
.main_color .avia-content-slider .slide-image{
display: none;
}Here is the CSS code inside the child theme style.css file ——————————————————
/* header optin —————–*/
#headeroptin .mc-field-group{
position: relative;
padding-top: 28px !important;
}#headeroptin .mc-field-group input{
float: left!important;
width: 34%!important;
height: 35px !important;
font-family: proxima-nova !important;
font-size: 14px !important;
margin-right: 10px !important;
margin-top: 10px !important;
}#headeroptin .button{
float: right !important;
width: 22% !important;
height: 35px !important;
font-family: proxima-nova !important;
text-transform: uppercase!important;
font-size: 12px !important;
margin-top:10px !important;
margin-right: 12px !important;
background: #000000 !important;
color: #fff !important;
}#headeroptin .button:hover {
background: #909090!important;
color: #fff !important;}
/* headeroptin mobile responsive styles iPhone 5 (portrait)———– */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* STYLES GO HERE */
#headeroptin .mc-field-group input{
float: left!important;
width: 30%!important;
margin-right: 15px !important;
margin-top: 10px !important;
}#headeroptin .button{
float: right !important;
width: 25% !important;
height: 35px !important;
padding-left: 5px!important;
margin-right: 10px !important;
}
}/* header optin iPads (portrait) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */
#headeroptin .mc-field-group input{
float: left!important;
width: 30%!important;
margin-right: 15px !important;
margin-top: 10px !important;
}#headeroptin .button{
float: right !important;
width: 25% !important;
height: 35px !important;
padding-left: 5px!important;
margin-right: 5px !important;
}
}/* header optin copy —————–*/
.tag1 {
font-family: proxima-nova!important;
text-transform: uppercase!important;
font-size:16px !important;
text-align: center;
color: #ffffff;
margin-top:35px;
}.tag2 {
font-family: georgia!important;
font-style: italic;
font-size:16px !important;
text-align: center;
color: #ffffff;
margin-top: 3px;
}.hmtag {
font-family: georgia!important;
font-size: 24px;
font-style: italic;
line-height: 140%;
text-align: center;
font-weight: 200!important;
}/* footer optin —————–*/
#footeroptin .mc-field-group{
position: relative;
padding-top: 28px !important;
}#footeroptin .mc-field-group input{
float: left!important;
width: 34%!important;
height: 35px !important;
font-family: proxima-nova !important;
font-size: 14px !important;
margin-right: 10px !important;
margin-top: 10px !important;
}#footeroptin .button{
float: right !important;
width: 22% !important;
height: 35px !important;
font-family: proxima-nova !important;
text-transform: uppercase!important;
font-size: 12px !important;
margin-top:10px !important;
margin-right: 12px !important;
background: #f05103 !important;
color: #fff !important;
}#footeroptin .button:hover {
background: #000000!important;
color: #fff !important;}
/* #footeroptin mobile responsive styles iPhone 5 (portrait)———– */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* STYLES GO HERE */
#footeroptin .mc-field-group input{
float: left!important;
width: 30%!important;
margin-right: 15px !important;
margin-top: 10px !important;
}#footeroptin .button{
float: right !important;
width: 25% !important;
height: 35px !important;
padding-left: 10px!important;
margin-right: 10px !important;
}
}/* #footeroptin iPads (portrait) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */
#footeroptin .mc-field-group input{
float: left!important;
width: 30%!important;
margin-right: 15px !important;
margin-top: 10px !important;
}#footeroptin .button{
float: right !important;
width: 25% !important;
height: 35px !important;
padding-left: 10px!important;
margin-right: 5px !important;
}
}/* footeroptin copy ———– */
.footertag1 {
font-family: proxima-nova!important;
font-size: 35px;
color: #ffffff;
line-height: 140%;
text-align: center;}
.footertag2 {
font-family: georgia!important;
font-size: 22px;
font-style:normal!important;
font-weight: 200!important;
text-align: center;
color: #ffffff;
line-height: 120%;
margin-top: 15px;
}.footertag3 {
font-family: georgia!important;
font-size: 22px;
font-style: italic!important;
color: #ffffff;
line-height: 120%;
margin-top: 15px;
}.footertag4 {
font-family: georgia!important;
font-size: 16px;
font-style: italic!important;
text-align: center;
color: #ffffff;
line-height: 120%;
margin-top: 15px;
}/*sidebar optin ——————–*/
#sidebaroptin .mc-field-group{
float: left;
width: 99%;
padding-top:10px;
}#sidebaroptin .mc-field-group input{
float: left;
width: 97%;
height: 35px;
font-size:16px;
margin-left:5px ;
border-style: solid;
border-width: 2px;
border-color: #000000;
}#sidebaroptin .button{
float: left;
width: 95% !important;
height: 35px !important;
font-size: 14px;
text-transform: uppercase;
font-family: proxima-nova !important;
background: #f05103;
color: #FFF;
margin-top: 10px;
margin-left:5px;
}
#sidebaroptin .button:hover {
background: #000000!important;
}h3.widgettitle {
font-family: proxima-nova!important;
font-style: normal;
text-transform: uppercase;
font-size: 18px;
}/* headerbox —————–*/
#headerbox {
border-style: solid;
border-width: 2px;
border-color: #ffffff;
margin-top: 50px;
margin-bottom: 50px;}
.headerboxcontent {
padding-top: 15px!important;
padding-bottom: 15px!important;}
.hbt1 {
font-family: georgia;
color: #ffffff!important;
font-size: 60px;
line-height: 120%;
margin-left: 15px!important;
margin-right: 15px!important;
text-align: center;
}.hbt2 {
font-family: proxima-nova;
color: #ffffff!important;
font-weight: 200;
font-size: 24px;
line-height: 120%;
margin-left: 20px!important;
text-align: center;
}.hbt3 {
font-style: italic;
}———————————————————————–
Hello,
I’ve been struggling with this for almost a day now, basically my issue is trying to adjust the font size of the side bar menu. I tried the basic CSS codes provided by this forum and at most I managed to increase the vertical spacing between the menu links, text stays the same. Cant seem to bolden the font either by any means, also tried the advanced styling options, only ever able to change the color. Thank you.

