Hi all
I’m using the Classic Blog demo, and I’ve customized it quite a bit. How can I change the color and text on the Continue buttons?
Also, how can I make the logo at the top of the page spread to fit the whole top, and not stay small?
The website is thenerdystudent.com
Thank you!
Hi,
Please provide more details about these Continue buttons or a link to your website where they are present, for a more accurate solution.
The header style that the demo is using does not have a limit for the header logo. You can set any logo size you want, and it will be displayed as it is. This is the case for header styles 9, 10 and 11
– https://forum.tagdiv.com/logo-favicon/
Thanks
Hi,
Sorry, I failed to see the link you have provided in your post. You could change the button color and font properties with a code like this for example
– https://www.screencast.com/t/84PrdYwgspX
You can change the properties as you need, and also add more
.more-link-wrap a {
color: red;
background-color:green;
font-size: 20px;
}
Here is a link to a guide that explains how you can use the browser inspector to create custom code, that you can use in the Theme panel->Custom Css
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Please let me know if you need further help.
Thanks
Awesome, thank you so much!
With the logo, I meant the banner at the top of the webpage: https://gyazo.com/049ac834629d28a6113050f782873a38
I’d like it to spread to the edges of the webpage. Is it possible to do this?
Thanks!
Also, how can I save the CSS to the site? I hit save, but when I reload it does not change.
Thanks
EDIT: Found out how to
-
This reply was modified 9 years by
GiacomoLaw.
I’m making CSS edits to the style.css file (the one with the Newspaper at the top) however its not affecting the site.
Anyone know why? I checked the css on site and the edits are showing.
I’ve realised its not making any differences to the main page, only pages with tags:
No change: thenerdystudent.com
Change: https://thenerdystudent.com/category/application-intro/
I’d like the main page to look like the other pages.
Why is this, and how can I change this?
-
This reply was modified 9 years by
GiacomoLaw.
Hi,
If you would like the logo to stretch to the edges of the screen, you need to upload a bigger logo image. The current header style you are using does not have a limit for the image. You can use any size you want, and it will be displayed.
Also it is worth mentioning that when a background color or image is used, the website layout becomes boxed
– https://forum.tagdiv.com/background-introduction/
At the moment you have a white background color, so a full logo will be displayed like this example (boxed)
– https://www.screencast.com/t/6UPrVOC4pjVr
Removing the background color or stretching the header logo space with the options in the theme panel
– https://www.screencast.com/t/gHfCKSNkVjwM
Will display the logo in full width like this
– https://www.screencast.com/t/ouaeFnIWA
So you just need to create and use a bigger logo image, depending on your preferences.
There are dedicated custom code sections in the theme panel, that you can use to further customize the website. Or enter the code directly in the theme main stylesheet. A child theme can be used as well for this purpose.
You also need to create a homepage using the composer and set it
– https://forum.tagdiv.com/homepage-how-to-build-and-set-it/
– https://forum.tagdiv.com/tagdiv-composer-tutorial/
Thanks
Awesome, thank you so much!
Where should I upload the logo image? I uploaded it to logo and retina logo, but its not working.
https://gyazo.com/7071d4ffdba0d4d49ff67a612f0bc29a
Where should I upload the banner image to get it full screen?
Managed to sort it out! When I uploaded the images they had restrictions placed on them – removing those size restrictions worked.
Thanks