Jump to content

Archived

This topic is now archived and is closed to further replies.

dibujopalabras

Customize avatar and title entry page without changing category page.

Recommended Posts

dibujopalabras    1
dibujopalabras

Sorry. did not speak English well.
I have these two pages:
(1) http://app.parafarmacialalaguna.com/app/crema-hidratante/
(2) http://app.parafarmacialalaguna.com/app/category/dermo-hidratante/

I want to customize size avatar and title (1) without changing the title and avatar (2)
want this to happen at all entry pages (1)

Help

Share this post


Link to post
Share on other sites
dibujopalabras    1
dibujopalabras

I've been trying to find some information on the forum, but it seems that nobody has done before.

Share this post


Link to post
Share on other sites
batman    389
batman

Hi dibujopalabras

If I understand....

 

You can use something like .page-id-2341 .tu div {el código que quieras}

 

If you also wish to know how I find the page ID, all you need to do is load up FireBug or Google Chromes web dev tool and inspect your page html, at the top you should see body which has a number of classes assigned to it, one of these is page-id-XX (replace XX with your pages id value. I have added a Danny´s screenshot to assist you.

 

http://screencast.com/t/HOsjhjnUIYX

 

 


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
dibujopalabras    1
dibujopalabras
Thanks Batman.
But I need this to work on "all" entry pages (1)
 
Without affecting the category pages
 
 
 
 
---------------------------
Hola Batman.
Muchas gracias por la ayuda.
Pero mi problema es que necesito que el cambio se haga en todas las paginas de entrada.
Sin que afecte a las paginas de categoría.
 
La opción de hacerla en individual no me sirve.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

If you want to change the title on all pages, use the following CSS:

 

#site h2.entry-title {
font-size: 30px;
}
 
Where is the avatar on any of your pages ?

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Those images are controlled by your thumbnail size, so you will need to go to Wordpress Admin Dashboard > Settings > Media and change the thumbnail size.

 

If you wish to increase the size, you will need to increase both the thumbnail size in the settings and then use custom CSS to change the width using the !important declaration, as the option you're currently using has a inline style of 25% and a max-width of 300 pixels. This means that if you wish to have an image set to 400px you will need to override the these styles and most likely the width of the content area too.

 

Decreasing may require the same customization. Therefore, I recommend you inspect your element(s) using Chrome web dev tools and have a play with the styles.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
dibujopalabras    1
dibujopalabras
Thanks Danny. 
Sorry, I have not explained well
But the problem is:
Personalization of pictures, just want to do the "all" category page. (2)
Without affecting the input pages (1)
 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

I apologise, but I am not quite sure what you're referring to. Do you mean you want to have different pictures for different categories?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
dibujopalabras    1
dibujopalabras
No. jejejeje Sorry, I do not speak English well
 
I want to customize css, image of the product on the category page (2).
Without modifying the css of the product image on the entry page (1)
 
 
And problem.
If I make a change to the CSS on the entry page.(1)
Automatically changed in the category page.(2).
I want different CSS code for the two pages.
 
I want to change CSS all category pages without changing the entries page.
 
 

Share this post


Link to post
Share on other sites
James B    436
James B

If I understand you correctly you could use the class for the category in front of the css for the image.

 

.category-dermo-hidratante  .c_img {

    border: 5px solid #CCD622;
    height: 170px;
    width: 170px;
}

 

For all categories try

 

.category .c_img {

    border: 5px solid #CCD622;
    height: 170px;
    width: 170px;
}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
dibujopalabras    1
dibujopalabras
OK YES, YES, YES, YES, YES, YES ... : D
Now if. This is what I needed.
In the end, the solution is easier than I thought.
Thank you very much to all.
 
Merry Christmas
 
:D:D:D:D:D:DD:D:D:D:D:D:D:D:D

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Thanks for informing us the issue has been resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • JP
      By JP+
      Hello,
      We are working on a 2 languages site (https://liguecardioliga.be) with wpml, and lately the call of a category in the loops section (and all the sections requiring a category to select posts) doesn't work in the translated language. It worked well until recently so I wonder if it's because of a recent update (wordpress, wpml, pagelines, a plugin?). Anyone has the same problem? a solution?
      TIA
    • mzhafzah
      By mzhafzah
      Hello
      I am using DMS 2 theme and I want to create a 2 different links on my website; each link should take you to a different blog post category. Although the process is easy, yet I can not figure out how to give each category page a unique design of its own; Any change I make on any page is applied to the other (I'm aware of the universal elements like the header and footer and I a am not talking about these.)
      Since I am new to wordpress in general, I am not sure if my description is sufficient; apologies if it is not.
      TycoonJé
    • morrisjohnc
      By morrisjohnc
      Hello,
       
      My blog has two separate types of post content, both of which need to be created as posts, not pages, in WP.
       
      On the category pages, Bespoke pulls the featured image and the 10 word excerpt (or whatever is provided for in the excerpts post field).  How can I get certain categories to show the full content of a post and others this standard format with the "read more" button?
       
      Question 2 - Is it possible to have different templates for different category listing pages?  Example, use the postloop for one category and the masonic gallery for another?
       
      Thank you in advance for your help!
    • aldisney
      By aldisney+
      Hi--
      I was wondering if there was a relatively easy to way automatically assign a thumbnail to a post category when displaying posts in the Masonic Gallery format, when the post doesn't have a featured image? I've got a client with a ton of posts that just won't have any featured images, but each category has a header image. I'd like to display the header image as the thumbnail for all these posts, since, going forward, my client does actually plan to use featured images.
       
      Thanks!
    • bartoncollege
      By bartoncollege
      I'm having difficulty getting a list of posts on a landing page.  I would like to achieve something like the Posts widget, but I need to be able to specify categories, include excerpts, and display the post dates.  I've tried using the Column section and adding the [display-posts] shortcode, but this shortcode doesn't get processed.  Only the shortcode text shows up.  Am I missing something?
       
      Thanks.
×