-
Posts
-
hello, my client would like me to add in their contact number to the right of the logo along the top – where the social media would normally be ( I have unpicked those boxes )
Also, on my contact form, the submit button s extremely light & I cannot find it to adjust – I have adjusted the styling, but it doesnt affect that.
Please help
byw – totally love this theme – best ever !! will be using it again if possible
regards,
tracey
Hi,
1.) Make sure you fill out Enfold > Header > Phone Number or small info text. Edit header.php, find this code
$phone = avia_get_option('phone');
$phone_class = !empty($nav) ? "with_nav" : "";
if($phone) echo "<div class='phone-info {$phone_class}'><span>{$phone}</span></div>";Cut it then place it below this comment:
/*
* display the themes social media icons, defined in the wordpress backend
* the avia_social_media_icons function is located in includes/helper-social-media-php
*/Add this on your custom.css or Quick CSS
.phone-info {
padding-top: 10px;
margin-left: -20px;
}2.) Please give us a link to the website. We need to inspect your button. Try to change the input button color on Quick CSS
.main_color input[type='submit'] {
background-color: red;
}Regards,
Ismael;
Hi Ismael,
Thank you for your reply. I dont know code at all, so veryunsure. but i will try it.
my website is http://www.riverlandhighworks.cm.au
love the theme -my favourite by far !
Hi there, I did as you suggested above, but it only moved the small text to the left above the logo.
I want the phone number to be bout the same size as the logo, in the same banner, but on the right side .
Hi Tracey,
The content is inside the content area where the normal sub menu would go. So if you wanted to move it inside of the regular header it would have to go inside that div in the header.php.So probably just before:
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');Depending on exactly where you wanted it. Then you could adjust the positioning with:
#top .phone-info {
padding-top: 10px;
margin-right: -20px;
float: right;
}and arrange it wherever it needs to be. Once it gets down to mobile you will probably need to add the same css into the mobile media query (in the custom.css file) and adjust it on mobile devices.
Regards,
Devin
- The topic ‘help needed with customising the top banner & submit button too light’ is closed to new replies.