Hi guys

1. On my website http://www.sjidesign.co.uk/pace/ the telephone number on the top right hand side of my menu is looking perfect on pcs but if you look at it on an iphone/tablet it is causing a problem.

2. I also need to drop the strap line “Converting patients into people”. As you look on the pc this text is right next to the logo which is perfect, for smaller screens I need to show under the logo as I don’t have enought room to put it across the screen

3. Converting patients into people – light grey text – above the 3 main images also needs to scale down
(please see below scrrenshot of iphone example)

I am using custom css from this forum of: so basically just need the code for smaller screens to reposition and resize the text

div.phone-info {
position: relative;
top: 35px;
left: 10%;
font-size: 210%;
color: #FFFFFF;
}
div.custom_text {
position: absolute;
font-size: 130%;
font-weight: bold;
left: 240px;
top: 30px;
}

Hi, I want to make the title and description font bigger inside a team member element. How can I do that?

Hello,
I want to enlarge the font size for the body text with the Enfold template. I used .avia_textblock { font-size:16px; } but that quick css has no effect.

What must I do to change font size?

Best regards

Tjaard

• This topic was modified 11 years, 1 month ago by TjaardHeikens.

I customized some aspects of the social media icons in the existing quick CSS and the layout of where the icons are now are good. However the hover over color for each of the icons I have in place needs to be adjusted. Below is a copy of the quick css I have in place, and the URL to review is in private. Please let me know what needs to be done.

#top .social_bookmarks li a { font-size: 24px; }
#top .social_bookmarks li {
padding: 20px;
width: 50px;
}
#top #wrap_all .av-social-link-twitter: a {background-color: #46dffe; color:#fff }
#top .social_bookmarks_facebook a {color: #fff; background-color: #37589b;}
#top .social_bookmarks_twitter a {color: #fff; background-color: #37589b;}
#top .social_bookmarks_instagram a {color: #fff; background-color: #37589b;}
#top .social_bookmarks_youtube a {color: #fff; background-color: #37589b;}

Hello,

I installed the plugin Flexible Posts Widget to have a bigger picture of the Blogposts in the widgets for Footer and Sidebar.

Would it be possible to give a little bit more space between the Blogposts here?

The plugin is not changing or adding something to the CSS of the template.

I added already some additional CSS to give the Font another look:

#top .news-content {
font-size: 12px;
font-weight: 300;
font-family: ‘Noto Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}

But I do not know how to change the space between the Blogposts in the widgets/sidebar

Thank you For Help
Bernd

On the following page, there is a Special Heading which uses the text “Get in touch. Don’t be shy.” – http://www.247direct.com.

The font size had been ok before I started adding elements to the Quick CSS box, which now only includes the following;

body {
font-size: 18px;
}

@media only screen and (max-width: 768px) {
.avia-layerslider {
display: none!important;
}}

I’ve reset the child theme settings but the problem remains.

Any ideas of what else I could do pls?

I have an area that probably 25px tall that i can’t get rid of right below the header. We are using a transparent / glassy header and have shortened the height of the header. On the home page you see it when you click the first anchor link there at the top on the video – the what we do anchor is about 25px too far down. On the inner pages you see it when you click on any menu link, the blue bar should be right below the menu. It’s that 25 pixels or so that is right below the blue highlighted header in the images below. http://clstudio.com/mag

this is the css we’ve used so far to get to this point:

#top .av_header_glassy.av_header_transparency #header_main {background-color: rgba(255,255,255,0.5) !important; } /* decrease header transparency */

#header_meta {background: transparent;} /*make top navigation transparent */

.sub_menu {font-size: 14px; position: relative; left: -40px; top: 22px;} /* sub menu font size */

div .logo {float: left; position: absolute; left: 16px; top:15px;} /* logo position */

#header_main {position:relative; top:-28px !important; left:-1px !important;}
#header_main .container {height: 55px !important;}
#header_main_alternate .container {height: 35px !important;}
/* move header elements up */

#top .av_header_transparency #header_meta {border: none;} /* remove upper sub-menu bottom border*/
#header_meta {border: none;} /* remove upper sub-menu border*/
#header_main {border: none;} /* remove menu border*/
#header_main_alternate {border: none} /* remove menu border*/

#top .av_header_glassy.av_header_transparency .header_bg {opacity: 0.0 !important;} /* glassy hung farther than header down so remove it */

.header_bg {height: 90px;}
#header { height:90px; line-height: 90px; }
/* sticky bg hung down so move it up*/

• This topic was modified 11 years, 1 month ago by Ismael.