How to recreate this home page section?

ferdyjakal

Hello everyone, 

I would like to know how to recreate this section of the home page http://peterwebdesign.it/ 

thank you

Albert

Hi,

The website you showed above is not created with our theme. But if you want to make something similar you must to use "Section" item with background image and background image position. And inside this section you must put some html with text and button shortcode. We got something similar on our splash page http://themes.muffingroup.com/betheme/ where is "Improve BE with us! ..." text. Take a look on this image http://snag.gy/Lr48X.jpg to see how we did it. Inside "Column" item we put below html code:

<center>
<p>Improve BE with us! <br />We always listen to our customers</p>
[button title="LEAVE SUGGESTION" link="http://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates" target="_blank" color="theme" large="1"]
</center>

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ferdyjakal

Thanks for the suggestion I have implemented what I have said in my www.tierreservice.it site, but would like to know how to change the font, color and size. 

Thank you

Albert

You need to use styles locally, ex:

<p style="font-size: 20px; color: #000; font-family: 'font-name';">Improve ...</p>

and this must be done for each element where you want to change those things.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ferdyjakal

many thanks always kind

ferdyjakal

and if i want to reproduce this? http://peterwebdesign.it/chi-siamo/

Albert

But what this supposed to be? We got something similar on each page at the top and this is called subheader where title and breadcrumbs are. You can see it on any subpage, like for example http://themes.muffingroup.com/betheme/portfolio or also you can try to play with Fancy heading, like http://themes.muffingroup.com/betheme/shortcodes/content-elements#fancyheading

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ferdyjakal

should be this .... 

if you can change the color of this?

Albert

This is subheader and of course you can check his color with below css:

#Subheader { background-color: #000; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ferdyjakal

and I can also change the color of font and positioning of "who we are" so as to make it look like the example that I posted before?

Albert

Yes, you can with below css:

#Subheader .title { width: 100%; text-align: center; color: #000; }
#Subheader ul.breadcrumbs { display: none; }

but breadcrumbs must be removed of course.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ferdyjakal

thanks for the reply but the text does not align to center http://www.tierreservice.it/pages/cmlavoriamo/

Albert

We did mistake above. We already changed this code so please copy and paste it again instead of old code.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ferdyjakal

ok thanks