_Courtney Posted September 18, 2019 Share Posted September 18, 2019 Is it possible to make custom CSS to show the logo before the title in the top left of the Forte template? If so would anyone know how to do so? Link to comment
tuanphan Posted September 18, 2019 Share Posted September 18, 2019 Forte demo has no logo, so you should share url to community check CSS. @_Courtney Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
_Courtney Posted September 19, 2019 Author Share Posted September 19, 2019 This is a test page on my site with the logo option currently showing. Test Page @tuanphan Link to comment
tuanphan Posted September 20, 2019 Share Posted September 20, 2019 @_Courtney Where is title? I don't see title Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
_Courtney Posted September 20, 2019 Author Share Posted September 20, 2019 So in this I've shown the menu where I can input the title and logo. Although only one can be seen at once, so when there is a logo the title is replaced. You can only have one at a time and I was hoping to have both. Link to comment
tuanphan Posted September 21, 2019 Share Posted September 21, 2019 @_Courtney You can remove logo, keep title, then I'll try using custom code to insert an logo image before Title. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
_Courtney Posted September 22, 2019 Author Share Posted September 22, 2019 @tuanphan I currently have the title up. Link -Sorry for responding here, it isn't giving me a reply option to your last response. Link to comment
tuanphan Posted September 23, 2019 Share Posted September 23, 2019 @_Courtney try this code (add to Home > Design > Custom CSS) .logo.logo-text a:before { display: block; content: ""; background-image: url(https://beaverhero.com/wp-content/uploads/2019/07/sofia.jpg); background-repeat: no-repeat; background-size: contain; width: 300px; height: 100px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
_Courtney Posted September 23, 2019 Author Share Posted September 23, 2019 @tuanphan This worked great for adding in the logo. Is it possible to have them next to each with the name to the right of the logo, though? When stacked it makes the header taller and reduces the size of images in a gallery. Thank you so much for all this help! Link to comment
tuanphan Posted September 23, 2019 Share Posted September 23, 2019 @_Courtney change display: block to display: inline-block Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
_Courtney Posted September 23, 2019 Author Share Posted September 23, 2019 @tuanphan Thank you so much!! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.