Search Results for 'mobile theme'

BTW, here’s an updated snippet for wp-content/themes/Newspaper/parts/header/td-login-modal.php …

echo '
<div id="login-form" class="white-popup-block mfp-hide mfp-with-anim">
<div class="td-login-wrap">
<i class="td-icon-modal-back"></i>
<div id="td-login-div" class="td-login-form-div td-display-block">
<div class="td-login-panel-title">' . __td('Sign in', TD_THEME_NAME) . '</div>
<div class="td-login-panel-descr">' . __td('Welcome! Log into your account', TD_THEME_NAME) . '</div>
<div class="td_display_err"></div>
<div class="td-login-inputs"><input class="td-login-input" type="text" name="login_email" id="login_email" value="" required><label>' . __td('your username', TD_THEME_NAME) . '</label></div>
<div class="td-login-inputs"><input class="td-login-input" type="password" name="login_pass" id="login_pass" value="" required><label>' . __td('your password', TD_THEME_NAME) . '</label></div>
<input type="button" name="login_button" id="login_button" class="wpb_button btn td-login-button" value="' . __td('Login', TD_THEME_NAME) . '">
<div class="td-login-info-text">' . __td('Forgot your password? Get help', TD_THEME_NAME) . '</div>
<div style="position:relative;top:6px">' . do_shortcode('[apsl-login-lite]') . '</div><div style="position:relative;bottom:27px">' . $users_can_register_link . '</div>
</div>

<div id="td-forgot-pass-div" class="td-login-form-div td-display-none">
<div class="td-login-panel-title">' . __td('Password recovery', TD_THEME_NAME) . '</div>
<div class="td-login-panel-descr">' . __td('Recover your password', TD_THEME_NAME) . '</div>
<div class="td_display_err"></div>
<div class="td-login-inputs"><input class="td-login-input" type="text" name="forgot_email" id="forgot_email" value="" required><label>' . __td('your email', TD_THEME_NAME) . '</label></div>
<input type="button" name="forgot_button" id="forgot_button" class="wpb_button btn td-login-button" value="' . __td('Send My Password', TD_THEME_NAME) . '">
<div class="td-login-info-text">' . __td('A password will be e-mailed to you.', TD_THEME_NAME) . '</div>
</div>
</div>
</div>
';

Please let me know where the files are for the mobile version so I can start fiddling with it.

• This reply was modified 9 years by tomashley.

The first code should work. It worked for me it removes the footer from mobile theme remember to place the code in themepanel> mobile theme> custom css

Please help me. My site is not visible properly on mobile devices.
It shows only short codes and logo is also not shown when page is refreshed.

Featured images are also not opened which I customized through child theme.

Let me mention here that I am using certain customization via child theme. Is it due to that reason?

Thanks.

I managed to fix my first issue.

To anyone who also want to hide menu in mobile theme I used this code in newspaper> mobile theme > custom code
.td-header-wrap{
display:none!important;
}

I still want to add a grid widget on my mobile theme thank you

Ignore this I have created a new thread regarding a mobile theme thank you.

Hi
The WP Super Cache was installed and configured like indications, but anyway I disabled it for test. I was disabling all plugins and testing them, and when I disabled tagDiv Speed Booster all was better. I thought this was a esencial plugin for Newspaper template but now I realize the site is working well without it. I hope it.
I also disabled tagDiv Mobile Theme and Akismet. Is Akismet needed?

Thanks you for your help.

i switched to mobile theme and seems to be fixed

Hey how do I remove the header from the mobile theme?

I am using a responsive ad from adsense.

I don’t see mobile theme section on my theme panel? I have not enabled the mobile them maybe that’s the reason. Also is there any advantage of using td mobile theme?
Thank you

That does help a lot, Bogdan, and please accept my sincerest apologies, I was referencing the wrong image on my cloud ;-( Hopefully this will make sense now, what I am trying to do is to go from this, which is how the page currently looks on mobile:

http://media.altimac.com.s3.amazonaws.com/images/obits-mobile-A.png

to this:

http://media.altimac.com.s3.amazonaws.com/images/obits-mobile-B.png

so that we can see more than the top of the deceased’s head. It looks like you have given me some clues, though, that I could try either

@media (max-width:767px) {
.category-obituaries .td_module_mob_2 .td-module-thumb {
height: 116px;
}}

Or I could use the API as you noted and do something like

td_api_thumb::update(‘td_???????’,
array(
‘name’ => ‘td_????????’,
‘width’ => 100,
‘height’ => 75,
‘crop’ => array(‘center’, ‘middle’),? ‘none’?
‘post_format_icon_size’ => ‘small’,
‘used_on’ => array(
‘Module 6, 7’, ‘Block 1, 2, 7, 8’
)
)
);

where “td_???????” are the thumbnails that are used in the mobile posts loop page for both the “grid” of the first three listings and then the list of the remainder. I am thinking they are td_324x160 for the grid and td_80x60 for the list of posts following but that is my best guess based on how they look on the mobile theme.

OK, i’ll try one more time on this. What I really want to achieve is this:

http://media.altimac.com.s3.amazonaws.com/images/obits-mobile3.png

So that the people’s heads are not cut off. I was hoping there was a simple way to go this via CSS but no matter where I look, I cannot find a rule that sets the height of the images in the mobile theme. IF you can just tell me what the selector is that determines that, or where the rule is in the styles.css file, I can change it. I already created a rule to disable the images completely, but I would rather be able to show them as long as they are “normal” size and don’t just show the tops of people’s heads. Again, I don’t mean to be a pest about this but in our newspaper, and in every newspaper all over the world, there are dozens of “head shots’ of individuals that are all getting chopped off because of the default styling of the mobile theme. All I want to do is adjust that so that the images are acceptable to us and to our readers. Thanks!

Thank you, Bogdan and I do have some CSS in that field already, but my problem is I can’t seem to figure out what template is used to render that post loop page when using the mobile theme. I’ve had no problem determining which template does what for desktop, but there seem to be a lot of things in the mobile theme that refer back to grids and templates and CSS rules in the primary theme directory, as well as the mobile theme directory. That’s why I am confused, unless I am totally mistaken about how the mobile theme works. And again, I am not asking you to write the modifications for me, I just need a pointer to in which section of the CSS are the rules that would need to be altered so that only the mobile post loop is affected. When I use Firebug to determine the CSS selectors, they seem to be in numerous places.