create button

remehtemehmedia · Member · Dec 3, 2014 at 7:32 am
Copy link

Add topic to favorites
Hello, I want to add a button in the “More articles” section with the complete page of my post which directed to http://remehtemeh.com/baca-semua/. Is that possible.

Also, is it possible to rename that section? Because I need more localized term as my readers are not English-speaking people.

Thanks in advance

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 3, 2014 at 8:36 pm
Copy link
@remehtemehmedia, right now on the Settings > General page in your dashboard, your language is set to English. Have you tried setting that to your language? If a translation has been done for your language for the Oxygen theme, all of that should change to your language.

On your first question about including a linked button to your main posts page at Baca Semua, CSS is a styling document used by browsers to position and style the HTML elements of a web page It cannot be used to add functionality, or links. Where exactly were you wanting to put the linked button to go to Baca Semua? There might be a way to accomplish that by putting the link into a text widget and then moving that text widget over and into position.
remehtemehmedia · Member · Dec 4, 2014 at 3:56 am
Copy link
Yes, sir. I already done that. Too bad, there’s no translation for that section.

I want to add the ‘Baca Semua’ button at the bottom of More Articles section. It’s more like Older Post button but directed to Baca Semua page. I’ve made the “back to top” button using text widget and it works perfectly fine. So I guess I could use some button like that for that purpose.
Thanks.
thesacredpath · Member · Dec 4, 2014 at 5:13 pm
Copy link
That sounds like a good plan. Let us know if you have any problems.

I checked in the dashboard of your site under Settings > General I’m seeing the language set as “English”. Is your language not listed there?
remehtemehmedia · Member · Dec 5, 2014 at 3:10 am
Copy link
what plan? Are u gonna help me with the script or what?
thesacredpath · Member · Dec 5, 2014 at 4:12 am
Copy link
I’m sorry, I thought you were going to use a text widget like you did for the “back to top” button. That was the plan I referred to. If you add the text widget with the Baca Semua link/linked image to a text widget in the right or left sidebar of your main page, I would be more than happy to help move it down into position below the list of “more articles”.
remehtemehmedia · Member · Dec 5, 2014 at 6:25 am
Copy link
The problem is I forget how to create it. :D Last time I do I was mentored by the WP engineers via chat. He taught me how to do it step by step. Now I totally lost to create it, I’m crying out for help in this forum.

Thank you.
thesacredpath · Member · Dec 5, 2014 at 5:54 pm
Copy link
Ah, take a look at the following text widget related support documents and they should get you on the way to creating your text widget. Once you have it in one of the sidebars, let me know and we can help move it into position for you.

Text Widget
Text Widget Links
Linking Images
remehtemehmedia · Member · Dec 9, 2014 at 3:02 am
Copy link
Hello, I’ve made the text widget in the secondary sidebar. Would you please move it to the bottom of “more article” section? Thank you. Also, would you mind to explain the script?
thesacredpath · Member · Dec 9, 2014 at 4:58 am
Copy link
Hi there, give the following a try. It moves the widget to the bottom left below the More Articles section.
```
#primary {
    position: relative;
}
#text-10 {
    position: absolute;
    bottom: 100px;
    left: 220px;
}
```
remehtemehmedia · Member · Dec 9, 2014 at 5:24 am
Copy link
It works. Thank you so much, man!
Much appreciated for your help.
remehtemehmedia · Member · Dec 9, 2014 at 5:43 am
Copy link
Unfortunately there’s a lil glitch. I just want this button to be displayed in the front page, not every page. It does not look good when it appears along with older post button. Can I get any more solution from you sir?
Thank you
hallluke · Member · Dec 9, 2014 at 1:55 pm
Copy link
You can disable widgets on certain pages by clicking on the visibility button when editing the widget. However you can also do this with CSS, try the following:
```
.home #text-10 {
  display:block;
}

#text-10 {
  display:none;
}
```
thesacredpath · Member · Dec 9, 2014 at 3:18 pm
Copy link
Whoops, thanks for catching that @hallluke.
remehtemehmedia · Member · Dec 10, 2014 at 1:29 am
Copy link
Thank you so much sir. It’s easier to do so in visibility setting.
remehtemehmedia · Member · Dec 10, 2014 at 4:52 am
Copy link
Another tiny glitch. It doesn’s appear right in the mobile view. It appears not below the “More Articles” section instead of the below sidebar widget. http://snag.gy/iUJWO.jpg

Sorry for bothering and too much to ask all of u.
remehtemehmedia · Member · Dec 10, 2014 at 5:05 am
Copy link
Also it makes my second sidebar (Top Post) cannot be clicked. Please help me out.
thesacredpath · Member · Dec 11, 2014 at 5:00 pm
Copy link
Ok, let’s do things a little differently. Move that widget to the top of the sidebar and then what we will do is use a media query to limit the text widget relocation to 768px and wider screens, which is the point where the sidebar moves down below the content. With the widget at the top of the sidebar, it will then be right below the more articles section. Replace the #text-10 rule we have now with this:
```
@media screen and (min-width: 768px) {
#text-10 {
    position: absolute;
    bottom: 100px;
    left: 220px;
}
}
```
Give that a try and let’s see how it works.
remehtemehmedia · Member · Dec 12, 2014 at 4:24 am
Copy link
Hello I’ve tried. This is the result when I put on the top of secondary sidebar http://snag.gy/GGGkf.jpg

And this is what happened when I put it on primary sidebar http://snag.gy/4k34m.jpg

Is my computer is too big so it displayed incorrectly? Mine use 1600×900 resolution. I change the

min-width: 768px

but it changes nothing.

Thank you sir.
thesacredpath · Member · Dec 12, 2014 at 5:24 pm
Copy link
This is what is causing the issue with the relocation. Remove this from your custom CSS:
```
#tertiary {
    position: relative;
}
```
Remove the 1600px media rule you have now and replace with the following
```
@media screen and (min-width: 768px) {
#text-10 {
    bottom: 100px;
    left: 220px;
    position: absolute;
}
}
@media screen and (min-width: 769px) and (max-width: 999px) {
#text-10 {
    bottom: 130px;
}
}
```
When things blow up with the relocation is when the sidebar shifts to below the content at 768px. Also, at 1000px, the more articles section goes from two columns to one and there is a slight misalignment that happens. The second rule above adjusts things for the single column layout.

No items found.