bemethavinci
bemethavinci good day sir graham...am here again for another suggestion of my choice and i want to share it with you...well,i thank you for all the tutorial you shared for me and i would say it helps me alot...for now,i am thinking of making my own blog design without the use of the bootstrap and i just want to start from stretch and do my own blog twigging...but i would need your help for me to finish my works...so i would like to here your own suggestions on this and how do you think i can do it.
Graham
bemethavinci A large part of this will just be html and css
you can set up your css classes and html markup in tests outside of the twig
The actual content and values for the blog at are in a data object called 'data'
this data will change depending on the blog page
To see the contents of this object add this to the bottom of the twig and it will display the contents
to turn it on add 'dump' to the 't_no_entries_found' parameter in the blog function
{%if 'dump' in data.translations.t_no_entries_found%}
<textarea style="width:100%;height:10em">{{ _context|json_encode(constant('JSON_PRETTY_PRINT')) }}</textarea>
{%endif%}
Copy code
Most of the twig code you need is already in the xtblog twig study it and the twig documentation
bemethavinci
Graham greetings sir graham...am here again as usual for another assistance,please how do i change the screen resolution size of me site
Graham
bemethavinci The web version is controlled by
/* RESPONSIVE TEMPLATE */
/* WIDTH 640PX */
@media only screen and (min-width: 630px) {
body {
max-width: 630px;
margin :10px auto;
}
near the bottom of your css
there are also similar settings for various elements to resize them above or below the 630px level in your css ie .post class
the basic font size is set in the 'body' class at the top of the file
bemethavinci
Graham what if i want to me the default templates to look more responsive using html and css for both the mobile and web view of the templates.
Graham
bemethavinci It depends on at which screen size you want it to switch from multiple columns to single column
otherwise it looks fine and the setting is about right as it is
except really you should change the !DOCTYPE to a simple html5 one and get rid of the xml declaration as your site is not in wml anyway its html so thats a bit pointless
https://en.wikipedia.org/wiki/Wireless_Markup_Language
bemethavinci
Graham ok...what if i want to use bootstrap css link for the default xtgem_template.css how do i edit it
Graham
bemethavinci you normally just add the supplied bootstrap css link to the _headtags
or you can upload the file to your site and add your own link
if you still want the xtgem_template.css file for the xt_touch and 'active' navigation class just add a dummy class to a empty xtgem_template.css file
.dummy {}
I have not tried copying the entire bootstrap css to xtgem_template.css
if you want to use xtgem_template or global_stylesheet to add extra classes then remember these files are linked at the top of the header so you may have to add
!important to any custom value so it overrides the bootstrap setting
classes declared in global stylesheet will also appear in the building tool class selector
