PDA

View Full Version : how do I remove the arrows on homepage?

Chadi
12-26-2013, 07:50 PM
Trying to remove the right arrow (grey) from mobile skin, cannot figure out where in the code this resides. Would appreciate help.

forumdisplay template

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
{vb:raw headinclude}
<title>{vb:raw vboptions.bbtitle}</title>
{vb:raw headinclude_bottom}
</head>
<body>

{vb:raw header}

{vb:raw navbar}

<div id="pagetitle" class="pagetitle ui-bar-b">
<h1 class="pagetitle">{vb:raw foruminfo.title_clean}</h1>
</div>

<div data-role="content">
<form id="thread_inlinemod_form" action="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}inlinemod.php?forumid={vb:raw forumid}" method="post" data-ajax="false">
<vb:if condition="$show['threadslist']">
<div data-role="controlgroup" data-type="horizontal" class="modbuttongroup">
<vb:if condition="$show['newthreadlink']">
<a href="newthread.php?{vb:raw session.sessionurl}do=newthread&amp;f={vb:raw foruminfo.forumid}" rel="nofollow" id="newthreadlink_top" data-role="button" data-icon="plus" data-inline="true">{vb:rawphrase new_thread}</a>
</vb:if>
<vb:if condition="$show['member']">
<vb:if condition="$show['subscribed_to_forum']">
<a href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}subscription.php?{vb:raw session.sessionurl}do=removesubscription&amp;f={vb:raw foruminfo.forumid}" rel="external" data-role="button" data-icon="star" data-inline="true" data-iconpos="notext" data-theme="e">{vb:rawphrase unsubscribe_from_this_forum}</a>
<vb:else />
<a href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}subscription.php?{vb:raw session.sessionurl}do=addsubscription&amp;f={vb:raw foruminfo.forumid}" rel="external" data-role="button" data-icon="star" data-inline="true" data-iconpos="notext" data-theme="c">{vb:rawphrase subscribe_to_this_forum}&hellip;</a>
</vb:if>
</vb:if>
<vb:if condition="$show['inlinemod']">
<button type="button" name="moderate" data-theme="c" data-icon="grid" data-iconpos="notext">Moderate</button>
</vb:if>
</div>
</vb:if>

<vb:if condition="$forumbits">
<div data-role="collapsible" data-collapsed="<vb:if condition="$show['threadslist']">true<vb:else />false</vb:if>" data-theme="c">
<h3>{vb:rawphrase go_to_subforums}</h3>
<ul data-role="listview" data-theme="d" class="forumbits">
{vb:raw forumbits}
</ul>
</div>
</vb:if>

<vb:if condition="$show['threadslist']">
<div id="threadlist">
{vb:raw pagenav}
<vb:if condition="$announcebits">
<ul data-role="listview" data-theme="e" id="announcements" class="announcements">
{vb:raw announcebits}
</ul>
</vb:if>
<vb:if condition="$show['stickies']">
<ul data-role="listview" id="stickies" class="stickies">
<li data-role="list-divider">
<span style="text-transform:lowercase">pinned topics</span>
</li>
{vb:raw threadbits_sticky}
</ul>
</vb:if>
<vb:if condition="$show['threads']">
<ul data-role="listview" id="threads" class="threads">
<li data-role="list-divider">
<span style="text-transform:lowercase">latest topics</span>
</li>
{vb:raw threadbits}
</ul>
<vb:else />
<div class="threadbit">
<p class="nonthread">
<vb:if condition="$show['noposts']">
<strong>{vb:rawphrase no_posts_in_this_forum}</strong>
<vb:else />
<strong>{vb:rawphrase no_posts_last_x_days_forum, {vb:raw daysprune}}</strong>
<span class="understated">{vb:rawphrase try_controls_below_for_older_posts}</span>
</vb:if>
</p>
</div>
</vb:if>
{vb:raw pagenav}
</div>
</vb:if>

<vb:if condition="$show['threadslist']">
<div data-role="controlgroup" data-type="horizontal" class="modbuttongroup">
<vb:if condition="$show['newthreadlink']">
<a href="newthread.php?{vb:raw session.sessionurl}do=newthread&amp;f={vb:raw foruminfo.forumid}" rel="nofollow" id="newthreadlink_bottom" data-role="button" data-icon="plus" data-inline="true">{vb:rawphrase new_thread}</a>
</vb:if>
<vb:if condition="$show['member']">
<vb:if condition="$show['subscribed_to_forum']">
<a href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}subscription.php?{vb:raw session.sessionurl}do=removesubscription&amp;f={vb:raw foruminfo.forumid}" rel="external" data-role="button" data-icon="star" data-inline="true" data-iconpos="notext" data-theme="e">{vb:rawphrase unsubscribe_from_this_forum}</a>
<vb:else />
<a href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}subscription.php?{vb:raw session.sessionurl}do=addsubscription&amp;f={vb:raw foruminfo.forumid}" rel="external" data-role="button" data-icon="star" data-inline="true" data-iconpos="notext" data-theme="c">{vb:rawphrase subscribe_to_this_forum}&hellip;</a>
</vb:if>
</vb:if>
<vb:if condition="$show['inlinemod']">
<button type="button" name="moderate" data-theme="c" data-icon="grid" data-iconpos="notext">Moderate</button>
</vb:if>
</div>

<vb:if condition="$show['inlinemod']">
<div class="inlinemodbuttons">
<vb:if condition="$show['deletethread']">
<button type="submit" class="inlinemod" name="deletethread" data-theme="e">{vb:rawphrase delete_threads}...</button>
<button type="submit" class="inlinemod" name="undeletethread" data-theme="e">{vb:rawphrase undelete_threads}</button>
</vb:if>
<vb:if condition="$show['openthread']">
<button type="submit" class="inlinemod" name="open" data-theme="e">{vb:rawphrase open_threads}</button>
<button type="submit" class="inlinemod" name="close" data-theme="e">{vb:rawphrase close_threads}</button>
</vb:if>
<vb:if condition="$show['approvethread']">
<button type="submit" class="inlinemod" name="approvethread" data-theme="e">{vb:rawphrase approve_threads}</button>
<button type="submit" class="inlinemod" name="unapprovethread" data-theme="e">{vb:rawphrase unapprove_threads}</button>
</vb:if>
<vb:if condition="$show['movethread']">
<button type="submit" class="inlinemod" name="stick" data-theme="e">{vb:rawphrase stick_threads}</button>
<button type="submit" class="inlinemod" name="unstick" data-theme="e">{vb:rawphrase unstick_threads}</button>
<button type="submit" class="inlinemod" name="movethread" data-theme="e">{vb:rawphrase move_threads}...</button>
</vb:if>
</div>
</vb:if>
</vb:if>

<input type="hidden" name="url" value="{vb:raw url}" />
<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="forumid" value="{vb:raw forumid}" />
</form>

</div>

{vb:raw footer}

</body>
</html>

forumhome_forumbit_level2_post

<li class="forumbit_post L2">
<h3 style="font-size: 18px !important;"><a href="{vb:link forum, {vb:raw forum}}"<vb:if condition="$forum['statusicon'] == 'link'"> rel="external"</vb:if>>{vb:raw forum.title}</a></h3>
<span class="ui-li-count">{vb:raw forum.threadcount}</span>
</li>

forumhome_forumbit_level1_post

<vb:if condition="THIS_SCRIPT != 'forumdisplay'">
<li data-role="list-divider">
&nbsp;
</li>
</vb:if>
<li id="forum{vb:raw forum.forumid}" class="forumbit_post L1">
<h3><a href="{vb:link forum, {vb:raw forum}}"<vb:if condition="$forum['statusicon'] == 'link'"> rel="external"</vb:if>>{vb:raw forum.title}</a></h3>
<vb:if condition="$show['forumdescription']"><p>{vb:raw forum.description}</p></vb:if>
<span class="ui-li-count">{vb:raw forum.threadcount}</span>
</li>

Thanks.
ozzy47
12-28-2013, 01:06 AM
If you are talking about the one on forum home, you can do this.

1) Add a new template to the mobile style called additional.css and insert this code in that template:

.ui-btn-icon-right .ui-icon
{
display:none;
}

Then click Save.

2) Open the template, headinclude for the mobile style and find this bit of code:

<vb:if condition="$vboptions['storecssasfile']">
{vb:cssfile main-rollup.css}
{vb:raw template_hook.custom_css_links}
<vb:else />
{vb:cssfile bbcode.css,editor.css,popupmenu.css,reset-fonts.css,vbulletin.css,vbulletin-chrome.css,vbulletin-formcontrols.css{vb:raw template_hook.custom_css_list}}
</vb:if>


Add this below it:
{vb:cssfile additional.css}

That will now remove the gray arrow from forum home. :)
Chadi
12-31-2013, 08:07 PM
Thanks, but I wanted to remove the entire column also and gain that extra space on the mobile screen.
Chadi
01-02-2014, 12:57 AM
Would appreciate anyone's help. Thanks.
Chadi
01-03-2014, 08:53 PM
Anyone please know how to do this?
Lynne
01-03-2014, 09:40 PM
Did you set it to display: none as Ozzy wrote? If so, how about a link to see it so we can help you write some CSS to move other parts over.
Chadi
01-04-2014, 01:56 AM
Thanks Lynne. I already applied that display none code but it only hides it, without removing the column.

Check the home page on talkjesus.com via smartphone browser.
Lynne
01-04-2014, 02:04 AM
From the CSS, it looks like you are trying to save 30px so try this:

.ui-li-has-count .ui-li-count {right: 10px;}

adjust as needed.
Chadi
01-04-2014, 04:10 AM
Thank you. That worked.

edited: fixed my other issue