#faq:button

[cloudythms]

hello! ive been tinkering w your Button theme and im wondering if its possible to add more icon options for the link buttons? ive been trying to add the honeybee icon font into the code but it isnt quite working out

the buttons theme options are made for fontawesome icons, so if you want to add more of those, you can follow this tutorial which i made for another theme of mine - except you have to of course use fontawesome icon codes, which you can find on the page of the icon: (everything after “fas fa-”)

if you want to use other icons (for example honeybee):

install the icon font - just follow the tutorial (in the example of honeybee these are the 2 steps under “how to install”)

find the navigation in the theme code, and replace fas fa-{select:Link X Icon} (whichever you want to replace)with the class of your icon (in the example of honeybee something like this: th th-icon-name)

(this answer is a bit rushed, if something doesn’t work or isn’t understandable, please ask away!)

[cloudythms]

Hi! I'm currently using your "button" theme and I can't find a way to fill in the right tab... I only have the "right tab text" option where I can put "the title" of the tab, but I can't fill it in. Can you help me? Thank you for creating such a nice theme btw! <3

(Thank you!) The right tab just shows the tags you enter in the “Tag 1 Title”/”Tag 1 URL” etc options.

I’m guessing you wanted to put some text in there instead, which isn’t supported by the theme as-is. BUT I can write you a short tutorial on how to do that, if you want :) It would replace the tag links though. here’s a tutorial on how to do it!

First, go to your customization page and into the code. Then search (click into the code, then press Ctrl+F) for

Delete the block of code below that line. It starts with {block:IfTag1Title} and ends with {/block:IfTag8Title}.

Instead of it, paste the following code:

.tab.righttab { overflow-y: auto; }<br>.tab.righttab p a { width: initial; border: 0; padding: 0; margin: 0; border-bottom: 1px solid; letter-spacing: 0 !important; } {block:IfTag1Title}

{text:Tag1 Title}

{/block:IfTag1Title}

(You might need to retype all the quotation marks (”), otherwise it doesn’t work)

You can change text-align:left to text-align:justify for justified text.

Now “update preview” and “save” and go back to the theme options. Now just write your text into the “Tag1 Title” field. If your text is long, a scrollbar will appear in your theme. I’ve made it that so that you can also use links (and every other formatting) in your text, like so:

This is the example text you write into the "Tag1 Title" field. You can do bold text or italics or even links.

[cloudythms]

Hi! I'm using your "Button" theme and is there any way to incorporate a side image like in the "Emma" theme?

hello! no, sorry, the button theme doesn’t have a sidebar image (i’m not really sure where it would go)

[cloudythms]

Hi! I hope you're having a good day! I am using the button theme, and instead of the Tag Links (under the navigation heading) appearing as 4 on the left and 4 on the right, they've all stacked on top of each other on the left, which makes links 5-8 unreadable. Can you please help me fix it?

it seems like it’s the same problem i had with the navigation! the fix is easy, you can follow my guide below OR simply reinstall the theme (I updated the code).

Here’s what you do: Go into the code and search for “IfTag1Title”. You will see eight blocks of code (one for each link). Two of them look like this:

{block:IfTag1Title}{text:Tag1 Title} {/block:IfTag1Title}{block:IfTag2Title}{text:Tag2 Title}   {/block:IfTag2Title}

What you have to do is simply remove all linebreaks (including spaces). Again, two blocks of code would look like this:

{block:IfTag1Title}{text:Tag1 Title}{/block:IfTag1Title}{block:IfTag2Title}{text:Tag2 Title}{/block:IfTag2Title}

So just do that with all of them (It should be one line of code that overflows into more lines) and it should work!

[cloudythms]

Hello!! I'm currently using your "button" theme and in the about/navigation links there is a glitch i think because instead of being next to each other they appear the one underneath the other. Is there something in the code that i could fix or anything? Thank you in advance!! xx

Okay, so, I saw that other people have this problem too, and I’m not actually sure why it is happening (because it’s not happening on the preview), but I finally found the fix! I will also update the theme code for any new installs.

Go into the code and search for

. Then delete the line break and all spaces between the two links:

Before:

       {text:Left Tab Text}        {text:Right Tab Text}

After:

       {text:Left Tab Text}{text:Right Tab Text}