-
Posts
-
We would like to make the following changes to our Enfold site located here: http://23.235.201.84/pages/about-us/
1. We would like to increase the size of the font for the telephone number in the upper left corner and also change the color of the font. How can we do this?
2. In our current site (http://www.charleseliassalon.com/), there is an icon in the very top of the page (QuickGifts) which links to a different site. How can we add this image and link to the top area to the right of our telephone number?
Thank you very much,
DanHi charlie1!
1- Please add following code to Quick CSS in Enfold theme options under General Styling tab
.phone-info { font-size: 18px; color: red!important; }2- Please add following code to Functions.php file
function put_stuff_before_main_content() { echo "<div class='my-class'><a href='http://kriesi.at'><img src='http://kriesi.at/wp-content/themes/kriesi/images/logo.png' /></a></div>"; } add_action('ava_main_header', 'put_stuff_before_main_content');and then add following code to Quick CSS in Enfold theme options under General Styling tab and adjust its position using
.my-class { position: relative; right: 10px; }Regards,
YigitHello Yigit:
Regarding the increased front for the telephone number, there are two issues relating to this on an iPhone:
1. When I try to touch the telephone number, it does not bring up the function to dial the number. I have used your extension in another site and in that site, when I click the telephone number, it brings up the dial function on my iPhone. Can you see why this is not working?
2. Because the logo is a link to the home page, it is almost impossible to click the telephone number without hitting the logo or Social Media logos. Can you provide code to add space in mobile browsers both above and below the telephone number?
Thank you very much,
DanHi!
Thank you for the update.
On the phone number field, try to use something like this:
<a href="tel:+123456789">123456789</a>You can adjust the padding of the phone number to create a good space between the header objects:
@media only screen and (max-width: 767px) { .phone-info { padding: 20px 0; } }Regards,
Ismael
- The topic ‘Changing Fonts Size of Telephoen Number and Adding Content’ is closed to new replies.